Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅获取HTML元素的第一个类_Javascript_Html_Class_Dom Events_Classname - Fatal编程技术网

Javascript 仅获取HTML元素的第一个类

Javascript 仅获取HTML元素的第一个类,javascript,html,class,dom-events,classname,Javascript,Html,Class,Dom Events,Classname,我在用电话 event.target.className 要获取类名,但有时一个元素有多个类名,如何使其, 所以它只给了头等舱的名字作为结果 哦,请不要使用jQuery。获取元素的第一类有多种方法 方法优先:使用className属性 将DOM元素的className属性与split函数一起使用,该函数将按空格分割className并返回数组 event.target.className.split(" ")[0]; //0 to retrieve first class 所有主要浏览器都支

我在用电话

event.target.className
要获取
类名
,但有时一个元素有多个类名,如何使其, 所以它只给了头等舱的名字作为结果


哦,请不要使用jQuery。

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

方法优先:使用className属性

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

event.target.className.split(" ")[0]; //0 to retrieve first class
所有主要浏览器都支持className属性

第二种方法:使用类列表属性

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

classList属性相对较新,速度也相对较快。 这在IE8和IE9中不受支持

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