如何用js点击class？

HTML DOM3提供了getElementsByClassName()方法用以根据类名获取元素，但是IE9以下浏览器并不支持。考虑兼容性，可以采用如下思路：获取元素，判断className属性是否为目标类名，是的话即添加onclick事件。

下面实例演示——点击class为test1的a标签d出提示框:

1、HTML结构

<div>

<a class="test1" href="#">第一项</a>

<a class="test2" href="#">第二项</a>

</div>

2、javascript代码

window.onload = function(){

var a = document.getElementsByTagName("a")

for(i=0i<a.lengthi++){

if(a[i].className == "test1"){

a[i].onclick = function(){alert(this.innerHTML+"被点击了")}

}

}

}

3、效果演示

今天和大家分享如何用原生js实现添加样式功能

jQuery里封装的有addClass函数，调用十分方便，那么用JS如何实现呢，下面我们来介绍下。

首先是CSS部分

写一个新的class用来添加

HTML部分

一个没有样式的div

script部分

声明addClass函数，把标签元素和新的class作为参数传进去，进行判断，如果标签元素原来有样式，那么就增加一个样式，如果没有样式，那么就把标签元素的样式设为传进来的样式。

调用函数，这样就实现了样式的添加。

更多前端内容 请 点击关注 点击关注

---