2017-04-08 11 views
0

誰もがイベントが実行されない理由を説明できますか? デバッガでエラーが発生していません。 は事前イベントが実行されないのはなぜですか?

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <title></title> 
    </head> 

    <button class="boton">prueba</button> 
    <body> 

<script type="text/javascript"> 

var elemento= document.getElementsByClassName("boton") 
elemento.onclick=function(){ 
    alert("hola"); 
}; 
debugger; 

</script> 

    </body> 
</html> 
+2

'var elemento = document.getElementsB (0) ' –

+1

[クラスのJavaScriptクリックイベントリスナー]の重複している可能性があります(http://stackoverflow.com/questions/19655189/javascript-click-event-listener-on-class) –

+0

Worked、どうもありがとうございました! – ge00rge

答えて

1

配列を返すdocument.getElementsByClassName() DOMメソッドでいただきありがとうございます。また

var elemento = document.getElementsByClassName("boton") 
 
for (var i = 0; i < elemento.length; i++) { 
 
    elemento[i].onclick = function() { 
 
    alert("hola"); 
 
    }; 
 
} 
 
debugger;
<button class="boton">prueba</button>

、あなただけの1要素を選択している場合、あなたはdocument.querySelector()を使用することができます:

var elemento = document.querySelector(".boton"); 
 
elemento.onclick = function() { 
 
    alert("hola"); 
 
}; 
 
debugger;
<button class="boton">prueba</button>
あなたは onclickハンドラを割り当てる前に、配列の項目をループでなければなりません

関連する問題