如何解决Javascript如何单击类内部的类按钮?用Applescript做
我正在使用applescript进行自动化,但是使用Javascript,我想在其中单击包含所需字符串的更大类(“ product-item”)中的确切按钮类(“ boost-button”)。我想在每个(“产品项”)中单击其中的5个。
这就像:做javascript“如果getElementByClassName('product-item')[0] .innerHTML包含“我需要查找的字符串”,然后在该类内单击按钮类“ boost-button””
因为getElementByClassName('product-item')[0] .innerHTML和getElementByClassName('boost-button')[0] .click中的元素编号不同,所以它们单击的对象并不完全相同班级按钮。
有人知道怎么做吗?谢谢!
解决方法
您可以使用此代码
var btn = document.querySelector(".product-item").querySelector(".boost-button")
或仅使用
var btn = document.querySelector(".product-item .boost-button")
设置点击事件并获得所有按钮...
var btnCollections = document.querySelectorAll(".product-item .boost-button");
btnCollections.forEach(btn => { btn.addEventListener("click",event => EventHandler(event)); });
function EventHandler(event) {
console.log(event.target.textContent)
}
// Auto Click
document.querySelector(".auto-click").addEventListener("click",_=>{
var btnCollections = document.querySelectorAll(".product-item .boost-button");
btnCollections.forEach(btn => btn.click());
} );
<div class="product-item">
<button class="boost-button"> test 1 </button>
<button class="boost-button"> test 2 </button>
<button class="boost-button"> test 3 </button>
</div>
<div class="product-item">
<button class="boost-button"> test 4 </button>
<button class="boost-button"> test 5 </button>
<button class="boost-button"> test 6 </button>
</div>
<button class="auto-click"> Auto Click </button>
其他方式:
对于您的点击问题,请阅读点击文档并使用event.target
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。