js怎么获取元素的class名

Posted 2023-03-09

js获取元素的class名：

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

jquery获取元素的class名：

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

相关概念

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

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

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

</script> 参考技术B 如果元素中就一个class名用：
obj.className
如果元素中有多个空格分隔的class名就用用：
obj.className.split(/\s+/)[index] 参考技术C 一楼回答很好;但不是很精确;比如
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);
参考技术D

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


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