javascript - 如何在元素html内添加元素数据属性值

Question

我无法将 id 属性中的数据添加到标签 我有这个:

<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>

我想要这个:

<div id="id1">id1</div>
<div id="id2">id2</div>
<div id="id3">id3</div>

我用 JS 写的:

let divs = document.getElementsByTagName('div');

for (let div of divs) {
  divs.innerHTML=div.id;
}

但是不行，请帮帮我。

Answer 1

您正在尝试访问数组 ( divs ) 的 innerHTML 属性。 您需要访问 div 对象的该属性，它是循环的当前 div。

let divs = document.getElementsByTagName('div');
for (let div of divs) {
    // you had divs here
    div.innerHTML=div.id;
}

<div id="id1"></div>
<div id="id2"></div>
<div id="id3"></div>