只获取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属性

使用DOM元素的classList属性返回类的DOMTokenList对象(已经按空格分割)

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

classList属性相对较新且相对较快.IE8和IE9不支持此功能.支持各种浏览器

检查classList与className的性能