相思资源网 Design By www.200059.com
【注意】以下方法只对class只有一个值的情况下操作
结构部分:
<div> <p>1</p> <p class="test">2</p> <p>3</p> </div>
js部分:
var p = document.getElementsByTagName('p'); for(var i = 0;i <p.length;i++){ //第一种方法,用classList这个H5 API,有兼容性问题 if(p[i].classList.contains('test')==true){ console.log(p[i].innerHTML); } //第二种方法,用className这个属性 if(p[i].className=='test'){ console.log(p[i].innerHTML) } //第三种方法,用getAttribute()这个方法 if(p[i].getAttribute("class")=='test'){ console.log(p[i].innerHTML); } }
以上三种可以任选,条件是不考虑兼容性和多个class名的情况
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com
暂无基于原生js实现判断元素是否有指定class名的评论...