2017-09-21 19 views
-3

我在一個網站上發現了這個html代碼,這是一個單擊按鈕,我想了解如何使用Javascript單擊此按鈕。請有人幫助我瞭解如何點擊這些按鈕。我從過去的一個小時開始嘗試。如何使用Javascript單擊這些按鈕?

這就是我想按一下按鈕:

<div class="Button"> 
<a href="javascript:void(0)" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap">Tap this button</a> 


<div id="ButtonTwo" class="ButtonTest2"> 
<a href="javascript:void(0)"><p class="MeButton" id="ButtonID">Final button test</p></a></div> 

這不是我的代碼。它來自一個網站。

+0

這不是一個按鈕,這是一個超鏈接,這指的是什麼。你可以用一個普通的querySelector選擇標籤,然後從中獲得href屬性,但是javascript:void(0)不做任何事情,所以在該超鏈接之後什麼也不做。 – Shilly

+0

您的HTML無效,並且您沒有顯示您嘗試過的關於JavaScript的內容。你想用這些代碼做什麼?感覺就像你要走的路要遠得多,而且要比它複雜得多...... – Wndrr

+0

@Shilly那麼我該如何點擊那個按鈕?我真的很困惑。 :( – Rohan

回答

1

您需要使用結束標記關閉第一個div。以下是帶有結束標籤的更新代碼。

<div class="Button"> 
    <a href="javascript:void(0)" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap">Tap this button</a> 
</div> 

<div id="ButtonTwo" class="ButtonTest2"> 
    <a href="javascript:void(0)"><p class="MeButton" id="ButtonID">Final button test</p></a> 
</div> 

什麼是一個封閉diva標籤的目的是什麼?你不能只使用a

您在HTML剪斷任何按鈕上顯示沒有,只有diva,並且p

的按鈕將是一個<button>

點擊它們使用當前的代碼,你可以使用

<script> 
    document.getElementsByClassName("button")[0].click(); 
    document.getElementsById("ButtonID").click(); 
</script> 

正確的,有效的和明確的代碼將

<!-- What is this button meant to do ? Can you use an actual button or do you HAVE to use a <a> ? 
<button id="clickUsingJs" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap"> 
    Tap this button 
</button> 
<script> 
    document.getElementById("clickUsingJs").click(); 
</script> 
-1
<div class="Button" id="button1" onclick ="call some javascript method"> 
<a href="javascript:void(0)" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap">Tap this button</a> 


<div id="ButtonTwo" class="ButtonTest2" onClick="call some javascript method"> 
<a href="javascript:void(0)"><p class="MeButton" id="ButtonID">Final button test</p></a></div> 

試試這個

+0

div id =「ButtonTwo」class =「ButtonTest2」onclick =「call some javascript function」 –

+0

https://stackoverflow.com/questions/14551992/calling-javascript-function-from-a-div –

-1
<!DOCTYPE html> 
<html> 
<body> 

<p>Click the button to trigger a function that will output "Hello World" in a p element with id="demo".</p> 

<button onclick="myFunction()">Click me</button> 

<p id="demo"></p> 

<script> 
function myFunction() { 
    document.getElementById("demo").innerHTML = "Hello World"; 
} 
</script> 

</body> 
</html> 

檢查它。

+0

懷疑這是什麼OP是要求.... – epascarello

+0

它不是..... – Wndrr

相關問題