如何用js点击class？_IT百科

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

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

1、HTML结构

<div>

</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、效果演示

$(function(){

$(document).on("click",".nav-item>a",function(){

$(this).addClass("active").parent(".nav-item").siblings(".nav-item").children("a").removeClass("active")

})

如果好使，请给个采纳

根据题目描述，应该是想实现：如何通过点击事件给a标签添加class对把。

步骤：

增加script元素，增加a元素的click事件

通过jq获得a元素

调用jq函数 addClass 给a元素添加class

代码：

<html>

<body>

</body>

</html>

$('a').on('click',function(){

$(this).addClass('myClass')

})

</script>

欢迎分享，转载请注明来源：内存溢出

如何用js点击class？