window.onload에 의한 Onclick 이벤트 핸들러가 트리거되지 않습니다.

Question

클래스 "링크"가있는 요소를 클릭하면 "details"함수를 호출하려고합니다. 이 코드는 작동하지 않습니다.

window.onload = function() { 
    document.getElementById("link").onclick = details; 
} 

어떻게하면됩니까?

Answer 1

document.getElementById("link")은 id이 "링크"이고 class이 "링크"인 요소를 선택하지 않습니다.

어떤 브라우저를 지원해야하는지에 따라 document.getElementsByClassName()을 대신 사용할 수 있습니다. (IE8 이하에서는 작동하지 않지만, works in all other browsers you are likely to care about) 리턴 된 각 요소에 클릭 핸들러를 지정해야합니다.