javascript - 如何在javascript中将div的文本设置为其ID

Question

我想要实现的是将 div 标记的文本设置为名称(如果它的 ID 来自 javascript)。这个我试过了；

 mydiv.getElementsByClassName("divDesign").innerHTML = document.getElementsByClassName("divDesign").getElementById; 

但是，这会在 div 标签中返回 undefined 而不是写入其 id。

Answer 1

使用getAttribute()方法:

---

对于 ClassName = 'divDesign' 的第一个 div:

document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].getAttribute('id');

---

对于具有 ClassName = 'divDesign' 的所有 div:

var mydivs = document.getElementsByClassName('divDesign');

for (var index = 0; index < mydivs.length; index++) {
  mydivs[index].innerHTML = mydivs[index].getAttribute('id');
}

<div class="divDesign" id="someId"></div>

使用 id() 属性:

---

对于 ClassName = 'divDesign' 的第一个 div:

document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].id;

---

对于具有 ClassName = 'divDesign' 的所有 div:

var mydivs = document.getElementsByClassName('divDesign');

for (var index = 0; index < mydivs.length; index++) {
  mydivs[index].innerHTML = mydivs[index].id;
}

<div class="divDesign" id="someId"></div>

文档: MDN