私は、私は非常に単純な何かが欠けてると信じて、私はそれを見つけるように見えることはできません、代わりにID

Question

Hellowみんなのクラス名をクリックすると

をモーダルウィンドウを開くしようとしています。 ユーザーがdivをクリックしたときにモーダルウィンドウを開こうとしています。 divの「id」がmyBtn1の場合、動作します。しかし、divに"クラス"がmyBtn1の場合、動作しません。

ご協力いただきまして誠にありがとうございます。

これは、これは動作しません

// Get the button that opens the modal 
var btn = document.getElementById("myBtn1"); 

<a href="http://www.cnn.com/" target="_blank"> 
<div id="myBtn1">Open Cnn</div> 
</a> 

動作します。 array-like objectを返しgetElementsByClassName

// Get the button that opens the modal 
var btn = document.getElementsByClassName("myBtn1"); 

<a href="http://www.cnn.com/" target="_blank"> 
<div class="myBtn1">Open Cnn</div> 
</a> 

Answer 1

。 indexで最初の項目を取得する必要があります。

あなたが気付いた場合、Element ByIdは、単一の形態である得るが、Elements ByClassNameはそれだっ複数形

var btn = document.getElementsByClassName("myBtn1")[0]; 

<a href="http://www.cnn.com/" target="_blank"> 
    <div class="myBtn1">Open Cnn</div> 
</a>