使用javascript document.getElementsByClassName单击全部

时间:2015-07-22 00:09:07

标签: javascript jquery

这是Javascript代码:

var inputs = document.getElementsByClassName('toggleFriendRelationship'); 
for(var i=0; i<inputs.length;i++) { 
    inputs[i].click(); 
}

我尝试点击页面上toggleFriendRelationship的所有按钮。

相关源代码:

<button class="btn-tab" data-capture="toggleFriendRelationship"
   title="Toggle friend relationship">
    <span>F<span class="full-label">riend</span>
   </span>
 </button>

以下是网站来源的截图:

http://i.stack.imgur.com/frLZR.png

2 个答案:

答案 0 :(得分:1)

toggleFriendRelationship以't'开头 - 您正在搜索以'T'开头的ToggleFriendRelationship - 因此,您在getElementsByClassName中找不到任何内容

编辑:实际上你没有那个班级名字!你在按钮上有数据捕获属性,但没有接近类

中的toggleFriendRelationship

尝试:

var inputs = document.querySelectorAll('button[data-capture="toggleFriendRelationship"]');

答案 1 :(得分:0)

知道了。

$('button[data-capture="toggleFriendRelationship"]').click();