我有以下 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();
我得到:未捕获的类型错误:无法读取 null(...) 的属性“单击”
这是正确的方法吗?
最佳答案
不要直接调用事件处理程序,只需分派(dispatch)一个事件并让浏览器执行其他操作。
document.getElementById('elementID').dispatchEvent(new Event('click'));
你的id很奇怪。为您想要通过 id 引用的标签提供 id
属性。
<tagname id="my-element-id">
关于javascript - 在 Javascript 中模拟群组列表上的按钮单击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36958752/