如何在javascript中将div的文本设置为它的Id

zbdgwd5y  于 2023-01-01  发布在  Java
关注(0)|答案(2)|浏览(191)

我试图实现的是将div标签的文本设置为javascript中的ID的名称。

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

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

jslywgbw

jslywgbw1#

使用getAttribute()方法:

  • 对于带有ClassName = 'divDesign'第一个div:*
document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].getAttribute('id');
  • 对于具有ClassName = 'divDesign'所有分区:*

x一个一个一个一个x一个一个二个x

使用id()属性:

  • 对于带有ClassName = 'divDesign'第一个div:*
document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].id;
  • 对于具有ClassName = 'divDesign'所有分区:*
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

pqwbnv8z

pqwbnv8z2#

您需要指定元素的索引,因为document.getElementsByClassName("divDesign")返回节点列表。

document.getElementsByClassName("divDesign")[0].innerHTML = 
    document.getElementsByClassName("divDesign")[0].id;
<div class="divDesign" id="iAmAnId"></div>

相关问题