如何更改clone.Node中的父代ID及其所有子代元素

Question

如何更改clone.Node中的父代ID及其所有子代元素？我需要更改父母和孩子的身份证，但我只能获得更改的父母的身份证..

<div id="parent" style="border:1px solid black;background-color:pink">
  <div id="child1" style="color:red;">A r element</div>
  <div id="child2" style="color:green;">A g element</div>
  <div id="child3" style="color:blue;">A b element</div>
</div>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  var elmnt = document.getElementById("parent");
  var elmntid = document.getElementById("parent").id;
  var cln = elmnt.cloneNode(true);
  cln.id = elementid + "copy";
  document.body.appendChild(cln);
}

Answer 1

如果要在所有克隆元素的ID后面附加一些内容，则可以执行以下操作：

Answer 2

尝试一下...创建一个函数来更改id，并遍历子元素并将每个子元素传递给它自己的函数。