如何使用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函數。