javascript - 仅获取 HTML 元素的第一类

Question

我正在使用

event.target.className

要获得ClassName，但有时一个元素有多个类名，我该如何制作它，所以它只给出第一个类名作为结果？

哦，请不要使用 jQuery。

score 37 · Accepted Answer

有多种方法可以获取元素的第一类

方法一：使用className属性

将 DOM 元素的 className 属性与 split 函数一起使用，该函数将 className 按空格拆分并返回一个数组。

event.target.className.split(" ")[0]; //0 to retrieve first class

所有主要浏览器都支持 className 属性。

方法二：使用 classList 属性

使用返回类的DOMTokenList对象的 DOM 元素的 classList 属性（已经被空格分割）

event.target.classList[0]; //0 to retrieve first class

classList 属性相对较新，也相对较快。这在 IE8 和 IE9 中不受支持。支持各种浏览器

score 0 · Accepted Answer

如果您想定位事件处理程序已附加到的元素，请使用此

event.currentTarget.classList[0]

2 回答 2