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取到并打印了出来。
根据你的需求,举例如下:
document.querySelector:获取首个(单个)符合条件元素
document.querySelector('.name') //获取页面上首个class属性中包含name的元素。document.querySelectorAll:获取全部符合条件元素
document.querySelectorAll('.name') //获取页面上全部class属性中包含name的元素。