如何自动化JS脚本以保持重复指令?

Question

我的目标是让脚本连续单击这两个按钮，而无需手动调用它，我的脚本能够单击该按钮，但我不知道 如何自动化操作，我要做的是保持点击，没有点击次数限制。

我用来点击按钮的脚本

---

let buttonTags = document.getElementsByTagName("button");
let followButton = "Follow";
let unFollowButton = "Unfollow";
let found;
for (let i = 0; i < buttonTags.length; i++) {
if (buttonTags[i].textContent == followButton || unFollowButton) {
found = buttonTags[i];
break;
}
}
found.click()

---

这是测试，我故意使用了两个div。

.HTML

<div id="hidde">
<button onclick="myFunction()">Follow</button>
</div>

<div id="hidden">
<button onclick="myFunction()">Unfollow</button>
</div>

.CSS

body{
display: flex;
}
div{
border: #000 solid 1px;
padding: 20px;
}
#hidden {
display: none;            
}

爪哇语

function myFunction() {
let y = document.getElementById("hidde");
let x = document.getElementById("hidden");
if (x.style.display === "none") {
x.style.display = "block";
y.style.display = "none";
} else {
x.style.display = "none";
y.style.display = "block";
}
}

Answer 1

您可以使用 .click(( 以编程方式触发点击

https://www.w3schools.com/jsref/met_html_click.asp

而且您的用例也非常适合执行/同时循环:)