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ですか?

Answer 1

複製された要素の ID を直接設定できます。

clone_element.id = "new_element_id";

子には、children プロパティを使用してアクセスできます。

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