只获取HTML元素的第一个类

Get only first class of an HTML element

本文关键字：第一个 元素 获取 HTML      更新时间：2024-01-30

我正在使用

event.target.className

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

哦，请不要jQuery。

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

方法优先：使用className属性

将DOM元素的className属性与split函数一起使用，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 的性能

如果您希望以事件处理程序所附加的元素为目标，请使用此

event.currentTarget.classList[0]

相关文章：