javascript event.target.classname

event.target.className 是 JavaScript 中的一个 DOM 事件属性,用于获取触发事件的元素的 class 属性值。

当页面上的一个元素触发了某个事件时,该事件会被传递到元素的父元素,直到传递到 document 对象。这个过程被称为事件冒泡。在事件处理函数中,可以使用 event.target 属性获取触发事件的元素。

使用 event.target.className 属性可以获取该元素的 class 属性值。例如,如果一个元素的 class 属性值为 "foo bar",则 event.target.className 的值为 "foo bar"。

您可以使用 event.target.className 属性来判断触发事件的元素是否有特定的 class 属性值。例如,可以使用以下代码检查点击的元素是否拥有 "active" 类:

if (event.target.className.includes('active')) {
  // do something

在这个例子中,event.target.className.includes('active') 将返回一个布尔值,用于检查事件目标元素的 class 属性中是否包含 "active" 类。

需要注意的是,class 属性可以包含多个类名,以空格分隔。因此,event.target.className 返回的是一个字符串,可能包含多个类名。如果您需要获取元素的所有类名,请使用 event.target.classList 属性。

  •