id 대신 클래스 이름을 클릭하여 모달 창을 열려고 시도했습니다.

Question

안녕하세요 모두

나는 매우 간단한 것을 놓치고 있다고 생각하지만 찾을 수없는 것 같습니다. 사용자가 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> 

작동합니다.

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

getElementsByClassName는 array-like object 반환합니다. 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>