如何用原生JavaScript判断一个元素是否包含特定的类名？

本文共计285个文字，预计阅读时间需要2分钟。

【注意】以下方法仅对具有单个值的class属性的情况有效。结构部分：+div+p1/p+p+class=test 2/p+p3/p/p/div+JavaScript部分：+var+p+=document.getElementsByTagName('p');+for(var+i+=0;i

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。