基于原生js实现判断元素是否有指定class名

  • Z时代
  • 2024-01-10
  • 分类：综合

【注意】以下方法只对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名 的全部内容， 来源链接： utcz.com/z/346029.html

回到顶部