获取HTML元素的第一级子元素

Question

我正在使用

event.target.className

如何获取ClassName，但有时一个元素有多个类名，我该怎么做，才能使其只返回第一个类名呢？

哦，而且请不要使用jQuery。

- user1544892

Answer 1

获取一个元素的第一类有多种方法。

方法一：使用className属性

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

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

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

方法二：使用classList属性

使用DOM元素的classList属性，它返回一个已经按空格拆分的类的DOMTokenList对象。

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

classList属性是相对较新且相对更快的属性。

这在IE8和IE9中不受支持。 各种浏览器的支持情况

检查classList与className的性能

- bugwheels94

Answer 2

如果您想针对已附加事件处理程序的元素进行操作，请使用此方法。

event.currentTarget.classList[0]

- Carlos Aleman