如何用js点击class?

发布网友发布时间：2022-05-05 22:16

共2个回答

热心网友时间：2022-04-20 01:31

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

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

1、HTML结构

2、javascript代码

window.onload = function(){
var a = document.getElementsByTagName("a");
for(i=0;i<a.length;i++){
if(a[i].className == "test1"){
a[i].onclick = function(){alert(this.innerHTML+"被点击了")}
}
}
}

3、效果演示

热心网友时间：2022-04-20 02:49

<!DOCTYPE HTML>
<html>
<head>
<meta charset=UTF-8>
<title>recursion</title>
<style type="text/css">
</style>
<script type="text/javascript">
onload = function ()
    {
    var cs = document.getElementsByClassName ('tips_12');
    for ( var i = 0; i < cs.length; i++)
    {
    cs[i].index = i;
    cs[i].onclick = function ()
    {
    alert (this.index);
    }
    }
    cs[0].click ();
    }
</script>
</head>
<body>
<div class="111" style="">
<div class="cell_111">
<a class="tips_12" href="#">第一项</a> <a class="btn_32" href="#">第二项</a>
</div>
</div>
</body>
</html>