Question

总而言之，我一直在尝试在StackOverflow上找到的多个不同的代码，但它们似乎都没有工作。

我的问题：

我希望能够使用Javascript代码自动点击网站上的按钮。

以下是代码：

HTML：

<label class="button slim hollow secondary ">Follow</label>

JS（我正在尝试使用它，但它不起作用）：

document.getElementsByClassName("button slim hollow secondary ")[0].click();

当我使用控制台将代码运行到页面上时它没有用，有什么建议吗？

Answer 1

添加window.onload函数以在加载窗口后进行单击，这意味着在创建html时

window.onload = clicklabel();


function clicklabel(){
document.getElementsByClassName("button slim hollow secondary ")[0].click();
document.getElementsByClassName("button slim hollow secondary ")[0].style.color = 'red';
}

<label class="button slim hollow secondary ">Follow</label>
<br>
<label class="button slim hollow secondary ">Follow1</label>
<br>
<label class="button slim hollow secondary ">Follow2</label>
<br>
<label class="button slim hollow secondary ">Follow3</label>
<br>
<label class="button slim hollow secondary ">Follow4</label>
<br>
<label class="button slim hollow secondary ">Follow5</label>
<br>
<label class="button slim hollow secondary ">Follow6</label>

Answer 2

你有多个班级......你可以把词类视为属性
`

var btn = document.querySelectorAll('[class="button slim hollow secondary "]')[0];
btn.click();

`

Answer 3

您可以使用document.querySelector(".class1.class2")方法。

window.onload = doSomething;
function doSomething() {
    var btn = document.querySelector(".button.slim.hollow.secondary");
  btn.addEventListener("click", function(){
      console.log(this.innerHTML);
  });
  btn.click();
}

在控制台中，您将获得＆＃39;关注＆＃39;结果。

当网页完全加载（包括图片）时，window.onload会调用我们的doSomething函数。

如何在控制台页面上使用JavaScript脚本自动单击“关注”按钮

3 个答案: