小编这次要给大家分享的是基于原生js实现判断元素有没有指定class名，文章内容丰富，感兴趣的小伙伴可以来了解一下，希望大家阅读完这篇文章之后能够有所收获。

【注意】以下方法只对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名的情况

看完这篇关于基于原生js实现判断元素有没有指定class名的文章，如果觉得文章内容写得不错的话，可以把它分享出去给更多人看到。