在Javascript中模拟按钮点击分组列表

Question

我有以下HTML：

►<li class="addToGroupList item sc-border-light-top">~</li>
►<li class="addToGroupList item sc-border-light-top">~</li>
► li class addToGroupList item sc-border-light-top >_ /li == $0
▼<li class="addToGroupList item sc-border-light-top">
▼ <div class="groupItem sc-media">
▼ <div class="sc-media">
▼<a href="/groups/electronic-dance-music-l" class="groupItem coverArt sc-media-image" title="Go" to electronic dance music - you sexy beat.>
<span style="background-image:url(https://il.sndcdn.com/artworks-000000484010-ephjo0-t120x120.jpg);width:48px;height:48px;" class="sc-artwork sc-artwork-
placeholder-10 " aria-label="Electronic Dance Music - You sexy beat.” aria-role="img"></span>
</a>
▼<h3 class="groupItem title sc-media-content">
<a href="/groups/electronic-dance-music-l" class="groupItem title-link sc-link-dark sc-truncate” title="Go" to electronic dance music - you sexy beat.>
Electronic Dance Music - You sexy beat.
</a>
</h3>
▼ <div class="groupItem actions sc-button-toolbar">
::before
<button class="addToGroupButton sc-button-blue sc-button sc-button-medium sc-button-responsive sc-button-selected" tabindex="0" title="Remove">Added</button>
::after
</div>
</div>
</div>
</li>
►<li class="addToGroupList item sc-border-light-top">~</li>
►<li class="addToGroupList item sc-border-light-top">-</li>

我想在groupList上创建一个循环，以便单击然后取消单击groupList中的所有按钮，但当我尝试时：document.getElementById('/groups/electronic-dance-music-1').click(); I get: Uncaught : Cannot read property ' click‘of null(…)这条路走对了吗？

Answer 1

不要直接调用事件处理程序，只需分派一个事件，然后让浏览器做任何其他事情。

document.getElementById('elementID').dispatchEvent(new Event('click'));

你的id很奇怪。给你想要通过id引用的标签一个id属性。

<tagname id="my-element-id">