如何在元素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

您正在尝试访问数组（innerHTML）的divs属性。 您需要访问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>