js event target classlist

JS中,事件对象(Event Object)可以通过target属性获取当前被触发的元素。而在某些情况下,我们需要在事件处理函数中获取被触发元素的class属性,这时我们可以使用target属性的classList属性来获取。

classList是一个只读属性,它返回一个元素的类名列表,可以通过add、remove和toggle方法来添加、删除和切换元素的类名。我们可以使用contains方法来检查元素是否包含某个特定的类名。

下面是一个示例代码,演示了如何使用target和classList属性来获取被点击元素的class属性:

document.addEventListener('click', function(event) {
  if (event.target.classList.contains('my-class')) {
    console.log('被点击元素包含 my-class 类名');

在上面的代码中,我们添加了一个click事件处理函数,当用户点击页面中的任何元素时,该函数都会被调用。我们使用event.target来获取被点击的元素,并使用classList属性来获取该元素的类名列表。如果该元素包含名为"my-class"的类名,就会在控制台输出一条消息。

希望这段代码可以帮助你理解如何使用target和classList属性来获取被点击元素的class属性。如果你还有任何问题,请随时提问。

  •