js怎么获取元素的class名

js获取元素的class名：

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

jquery获取元素的class名：

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

相关概念

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

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

思路：根据标签名称获取所有span对象，然后根据类名筛选出目标对象，最后使用 innerHTML 属性获取文本。实例演示如下：

1、HTML结构

<span class="xing">姓氏</span>

<span class="name">名字</span>

<span class="sheng">籍贯</span> <br>

<input type='button' value='获取class=name的span' onClick="fun()"/>

2、javascript代码

function fun(){

obj = document.getElementsByTagName("span")

class_name = "name"

for(i in obj){

if(obj[i].className == class_name){

alert(obj[i].innerHTML)

return

}

}

}

3、效果演示

---