如何使用JavaScript脚本在页面上自动点击Follow按钮控制台

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功能，使点击加载窗口后，将创建

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>

的HTML时意味着

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(); 
} 

在控制台中，您将获得'Follow'作为结果。

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