更改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);

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

Answer 1

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

clone_element.id = "new_element_id";

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

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

Answer 2

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

Here是对某些DOM对象属性的引用。