javascript - 更改 div 元素的所有子项 id

Question

按照我的代码：

HTML：

<div id="element">
      <div></div>
      <div id="c_a"></div>
      <div></div>
      <div id="c_b"></div>
</div>

Javascript：

var element = document.getElementById("element");
var clone_element = element.cloneNode(true);

如何更改变量的所有id（包括“元素”）的名称clone_element？

score 0 · Accepted Answer

您可以直接设置克隆元素的 id。

clone_element.id = "new_element_id";

可以使用 children 属性访问子项：

clone_element.children[1].id = "clone_a";
clone_element.children[3].id = "clone_b";

score 0 · Accepted Answer

您可以获取使用的子 divdiv#element并clone_element.getElementsByTagName('div');循环访问它们，根据需要更改id每个 div 的属性。

这是对一些 DOM 对象属性的引用。

2 回答 2