js获取元素的class名：
var className=document.getElementsByClassName('names')[0]
jquery获取元素的class名：
var className = $('.names').atrr('class')
相关概念
getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。
NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。
2、在index.html中的<script>标签，输入js代码：$('body').append($('button').attr('class'))。
3、浏览器运行index.html页面，此时按钮的class名被js取到并打印了出来。
代码 请收下~~~~
<body><span class="okdog" lay-id="user1">1只狗</span><span class="okdog" lay-id="user2">2只狗</span><span class="okdog" lay-id="user3">3只狗</span><span class="okdog" lay-id="user4">4只狗</span><span class="okdog" lay-id="user5">5只狗</span>
<div id="showdog">输出结果</div>
<script>
var res = document.getElementsByClassName('okdog')
for(var i=0i<res.lengthi++){
res[i].addEventListener('click',function(e){
alert(e.srcElement.innerHTML)
},false)
}
</script>
</body>
