首页 >> js开发 >> JavaScript基于原生js实现判断元素是否有指定class名

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

发布时间: 2021年1月13日 | 浏览: | 分类:js开发

【注意】以下方法只对class只有一个值的情况下操作结构部分：

js部分：
var p = document.getElementsByTagName('p');
for(var i = 0;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);

}
}
var p = document.getElementsByTagName('p');
for(var i = 0;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名的情况以上就是本文的全部内容，希望对大家的学习有所帮助。

原文地址：http://www.chinasgp.cn/article/4151.html

上一条：« js如何在vue中使用百度地图添加自定义覆盖物（水波纹）js大全

下一条：js正则{2,6},js正则表达式 »

标签:

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