只获取HTML元素的第一类

Question

我正在使用     event.target.className 获取ClassName，但有时一个元素有多个类名，我该怎么做， 所以只将头等名称作为结果？

哦，请不要使用jQuery。

Answer 1

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

  

方法优先：使用className属性

使用带有split函数的DOM元素的className属性，该函数将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不支持此功能。的 Support in various browsers

Check performance of classList vs className