Question

function clicks() {
    document.querySelector('.a-button-text').click();
}
window.onload = clicks;

<span class="a-button">
    <span class="a-button-inner"><button class="a-button-text" type="button">Search</button>
    </span>
</span>

每当页面加载时，我都试图单击该按钮。我尝试通过班级调用它，但它对我不起作用。

Answer 1

如您所见，代码可以正常工作。但是您的目的是什么？您可以直接调用其let x = {a:1,b:2}; var res =Object.values(x); console.log(res.toString())函数。

onclick

function clicks() {
  document.querySelector('.a-button-text').click();
}

function f1() {
  console.log("Search button clicked!");
}

window.onload = clicks;

Answer 2

(function(){
 // once script is loaded the function will execute
 var selectedElement = document.querySelector(".a-button-inner")
 
 // add a click event to the button (to identify that the click is invoked for the button)
 selectedElement.addEventListener("click", function(){
    alert("you clicked the button !!")
 })
 
 // invoke the click method 
 selectedElement.click();
 

})()

<span class="a-button">
<span class="a-button-inner"><button class="a-button-text" type="button">Search</button>
</span>
</span>

Answer 3

function clickButton(){
 document.getElementsByClassName("btn")[0].click();
}

window.onload= clickButton;

<button class="btn" onclick="alert('hello');">Click Me</button>

Answer 4

此代码正常工作。您可以通过在每次单击时插入alert或console.log进行检查，如下所示。除此之外，如果您仍然面临问题，那么不妨尝试解决问题。

<span class="a-button">
        <span class="a-button-inner">
            <button class="a-button-text" type="button" onclick="clickFunc()">Search</button>
        </span>
    </span>


function clicks() {
        document.querySelector('.a-button-text').click();
    }
    window.onload = clicks;

   function clickFunc() {
       console.log('Button clicked');
   }

按班级点击按钮

4 个答案: