时间戳

首页 > 解决方案 > 如何在元素html内添加元素数据属性值

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

问题描述

我无法将 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;
}

但它不起作用，请帮助我。

标签： javascripthtmldomgetelementbyid

解决方案

您正在尝试访问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>

推荐阅读