javascript - cloneNode(true) 是这里的一个选项吗？

Question

我认为这里的答案是“不”，但我想仔细检查......

我的文章看起来基本上是这样的......

<article id="thisArticle">
  <h1 id="thisHeader"></h1>
  <ul class="thisList">
    <li class-"listItem">some content</li>
    <li class-"listItem">some content</li>
  </ul>
</article>

....并且我想使用 cloneNode 将其复制到非 DOM 并更改其内容，但显然需要更改文章和 h1 标签上的 id。在文章中执行此操作很容易：使用 JavaScript setAtrribute 或 jQuery .attr()（后者可能更好）。但我不确定如何定位 h1，所以我可以更改它的 id。

我假设我不能使用 cloneNode(true) 并复制父级及其子级。相反，我将不得不使用 cloneNode(false) 并复制父级，然后使用 createElement 和 appendChild 手动添加子级。这很好，但我不是 100% 确定。作为一个仅供参考，我不会复制任何数据和/或事件。

提前感谢您的帮助。