如何使用HTML或声明为div的Java脚本单击按钮

Question

I am writing a powershell script to login to a website. I want to use the button.click functionality but I can't find the button's id. here is what I found by inspecting it.

<div tabindex="0" role="button" class="v-button v-widget default v-button-default">
  <span class="v-button-wrap">
    <span class="v-button-caption">Login</span>
  </span>
</div>
<span class="v-button-wrap">
  <span class="v-button-caption">Login</span>
</span>
<span class="v-button-caption">Login</span>

Thanks in advance

Answer 1

Given that you aren't sure which one is the one you want, you could just set up an event handler that will trigger for each and then interrogate it for something that can identify it.

 // Get all the elements with a class of "v-button-caption" into an array var buttons = Array.prototype.slice.call(document.querySelectorAll(".v-button-caption")); // Loop over the array buttons.forEach(function(btn){ // Set up a click event handler btn.addEventListener("click", function(evt){ // Print out some identifying information about the clicked element console.log("You clicked the element who's parent is: " + evt.target.parentElement.nodeName); }); }); 

 <div tabindex="0" role="button" class="v-button v-widget default v-button-default"> <span class="v-button-wrap"> <span class="v-button-caption">Login</span> </span> </div> <span class="v-button-wrap"> <span class="v-button-caption">Login</span> </span> <span class="v-button-caption">Login</span>