簡體   English   中英

如何使用HTML或聲明為div的Java腳本單擊按鈕

[英]How to click a button using html or java script which is declared as div

我正在編寫Powershell腳本來登錄網站。 我想使用button.click功能,但是找不到按鈕的ID。 這是我通過檢查發現的。

<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>

提前致謝

鑒於您不確定要使用的是哪個,可以設置一個事件處理程序,該事件處理程序將為每個事件觸發,然后對其進行詢問以識別出它。

 // 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> 

如何到達<span>內部的 html 標簽</span><div>使用 Java 腳本?</div><div id="text_translate"><p> 我有一個放置在div內的span標簽,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在單擊input標簽時為span標簽設置border ,並且也不想在span中使用任何id 。 我嘗試了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他們都沒有正常工作? 那么有人會幫忙嗎?</p></div>

[英]How to reach a html <span> tag inside a <div> using Java Script?

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

相關問題 如何在單擊按鈕時使用Java Script顯示/隱藏div 如何在表格中加載 <div> 在按鈕上單擊使用HTML / JS 當我使用簡單的 javascript 單擊按鈕時,如何在 div 標簽中的另一個文件上添加一些 Html 代碼 使用javascript在按鈕上單擊以復制div中的div 如何使用Java腳本在按鈕單擊上顯示特定表單 如何到達<span>內部的 html 標簽</span><div>使用 Java 腳本?</div><div id="text_translate"><p> 我有一個放置在div內的span標簽,如下所示:</p><pre> &lt;div onclick="doActiveCheckBox('color1')" id="sss" class="test form-check form-option form-check-inline mb-2"&gt; &lt;input class="test form-check-input" type="radio" name="color" id="color1" data-bs-label="colorOption" value="/تاریک" checked=""&gt; &lt;label class="form-option-label rounded-circle" for="color1"&gt;&lt;span style="border:inherit; border-block-color:purple;" class="form-option-color rounded-circle" style="background-image: url(/img/ProductColors/green1.jpg)"&gt;&lt;/span&gt;&lt;/label&gt; &lt;/div&gt;</pre><p> 我想在單擊input標簽時為span標簽設置border ,並且也不想在span中使用任何id 。 我嘗試了以下方法:</p><p> 1:</p><pre> var d=document.getElementById("sss").getElementsByTagName("span"); d.style.border = "thick solid #0000FF";</pre><p> 2:</p><pre> var d=document.getElementById("sss").getElementsByClassName(); for (var i = 1; i &lt;= d.length; i++) { d[1].style.border = "thick solid #0000FF"; }</pre><p> 但他們都沒有正常工作? 那么有人會幫忙嗎?</p></div> 如何顯示div上沒有實際設置為html的按鈕單擊的div? 如何使用HTML中的Java腳本使用單選按鈕隱藏表格? 使用java腳本觸發按鈕單擊事件 如何在處理事件以添加新行的按鈕單擊事件上調用Java腳本?
 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM