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

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

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

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

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

jslywgbw

jslywgbw1#

使用getAttribute()方法:

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

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

使用id()属性:

  • 对于带有ClassName = 'divDesign'第一个div:*
  1. document.getElementsByClassName('divDesign')[0].innerHTML = document.getElementsByClassName('divDesign')[0].id;
  • 对于具有ClassName = 'divDesign'所有分区:*
  1. var mydivs = document.getElementsByClassName('divDesign');
  2. for (var index = 0; index < mydivs.length; index++) {
  3. mydivs[index].innerHTML = mydivs[index].id;
  4. }
  1. <div class="divDesign" id="someId"></div>

文件:MDN

展开查看全部
pqwbnv8z

pqwbnv8z2#

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

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

相关问题