Search code examples
javascripthtmlinnerhtml

How get Id of element when i click on the element


I have 2 div(HTML) element and id is div1 and div2, When I click on any div then I want id of current div... idea?

<div id="div1"></div>
<div id="div2"></div>

<div id="displayid"></div>
if(clickedDivId = this.id){
var div = document.getElementsByTagName("div");
var divCount = div.length;
var clickedDivId;
for (var i = 0; i < divCount; i += 1) {

    div[i].onclick = function(e) {
        clickedDivId = this.id;
        event.stopPropagation();

    };
} 
}

document.getElementById("displayid").innerHTML = ??clickedDivId??how;

Solution

  • try by modifying your own code

    var div = document.getElementsByTagName("div");
    var divCount = div.length;
    var clickedDivId;
    for (var i = 0; i < divCount; i += 1) {
    
        div[i].onclick = function(e) {
            e.stopPropagation();
            clickedDivId = this.id;        
            document.getElementById("displayid").innerHTML = this.id;
    
        };
    }