js怎么获取元素的class名

Question

如题所述

Answer 1

js获取元素的class名：

var className=document.getElementsByClassName('names')[0];

jquery获取元素的class名：

var className = $('.names').atrr('class');

相关概念

getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

Answer 2

假设有一个元素定义如下：<div id="first" class="divone">
那么JS中获取这个元素的class名称应该如下操作：
<script>
var name = document.getElementById("first").className;

</script>

Answer 3

如果元素中就一个class名用：
obj.className
如果元素中有多个空格分隔的class名就用用：
obj.className.split(/\s+/)[index]

Answer 4

一楼回答很好;但不是很精确;比如
html : <input type="checkbox" class="class1 class2" onclick="select(this)">
JS: function select(obj){
var class1=obj.className.split(/\s+/)[0];
var class2=obj.className.split(/\s+/)[1];
console.log(class1+ "====" + class2);
}

Answer 5

document.getElementsByClassName("classname")获取所有指定类名的元素，
获取元素的class名如下代码可以实现：
javascript代码
function fun(){
name = document.getElementById("test").className;
alert(name);
}

返回的name即是元素的class名称

本回答被网友采纳