다른 기능을 동적으로 생성하십시오.

Question

내 웹 페이지에는 여러 가지 요소가 있습니다. 이 요소들 각각에 대해 요소의 ID가있는 팝업을 표시하고 싶습니다. 불행하게도, 그 예상대로 작동하지 않습니다

를 내 문제를 설명하기 위해 jsfiddle을했다 : https://jsfiddle.net/7gk3aus5/ (단어 클릭)을

HTML :

<div id='banana'> 
Banana 
</div> 

<div id='strawberry'> 
Strawberry 
</div> 

<div id='apple'> 
Apple 
</div> 

자바 스크립트 :

var divs = document.getElementsByTagName('div'); 
for (var c=0; c<divs.length; c++) { 
    var div = divs[c]; 
    div.onclick = function() {alert(div.id);} 
} 

보시다시피 '사과'만 표시되며 사용자가 진부한 곳에 따라 '바나나', '딸기'또는 '사과'를 표시하고 싶습니다. 케드.

Answer 1

this (청취자 DOM 구성 요소)/event.target (클릭 된 DOM 요소)을 사용할 수 있습니다.

div.onclick = function() { 
    alert(this.id); 
} 

demo

또는,

div.onclick = function(event) { 
    alert(event.target.id); 
}