如何用js点击class？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用js点击class？相关的知识，希望对你有一定的参考价值。
如何用js点击class？
<div class="111" style="123">
<div class="cell_111">
<a class="tips_12" href="#">第一项</a>
<a class="btn_32" href="#">第二项</a>
</div>
</div>
试过document.getElementsByClassName('tips_12').click();或者类似的都不好用，想问问如何用js点击第一项？
html DOM3提供了getElementsByClassName()方法用以根据类名获取元素，但是IE9以下浏览器并不支持。考虑兼容性，可以采用如下思路：获取元素，判断className属性是否为目标类名，是的话即添加onclick事件。
下面实例演示——点击class为test1的a标签弹出提示框:
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=0;i<a.length;i++)
if(a[i].className == "test1")
a[i].onclick = function()alert(this.innerHTML+"被点击了")
3、效果演示
<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>本回答被提问者和网友采纳
如何用js实现 鼠标点击加号文本框内数字加1
就是一般网店 买东西添数量的效果 鼠标点击加号文本框内数字加1，点击减号 文本框内数字减1
或者不用js实现也可以
window.onload = function ()
var input = document.createElement('input');
var button1 = document.createElement('button');
var button2 = document.createElement('button');
input.type = 'text'; input.id = 'text';
button1.value = '+';
button1.style.width = '25px';
button1.style.height = '23px';
button2.value = '-';
button2.style.width = '25px';
button2.style.height = '23px';
document.body.appendChild(input);
document.body.appendChild(button1);
document.body.appendChild(button2);
button1.onclick = function()
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value))
input.value = value * 1 + 1;
else
alert('请输入正整数！');
input.value = '';
button2.onclick = function()
var value = input.value;
//alert(isNaN(value));
if(value != '' && !isNaN(value))
input.value = value * 1 - 1;
else
alert('请输入正整数！');
input.value = '';
</script>本回答被提问者采纳
以上是关于如何用js点击class？的主要内容，如果未能解决你的问题，请参考以下文章