单击元素时如何获取元素的 Id

Question

我有 2 个 div(HTML) 元素，id 是 div1 和 div2，当我点击任何 div 然后我想要当前 div...想法的 ID？

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

Answer 1

使用 this.id 获得 id 的点击次数 div。

document.querySelectorAll('div')
    .forEach(div => {
        div.addEventListener('click', function() {
            console.log(this.id);
        })
    })

<div id="div1">Div 1</div>
<div id="div2">Div 2</div>

<div id="displayid">Div 3</div>

Answer 2

document.addEventListener('click',function(e){
  var divToDisplay = event.target.id
  document.getElementById('displayid').innerHTML = divToDisplay
})

<div id="div1">DIV TEST 1</div>
<div id="div2">DIV TEST 2</div>

<div id="displayid"></div>

Answer 3

修改自己的代码试试

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;

    };
}

单击元素时如何获取元素的 Id

How get Id of element when i click on the element

html

javascript

innerhtml