克隆一棵树及其子代并将其复制到另一棵树

Question

尝试通过cloneNode克隆树及其后代，但是它不起作用。修改w3schools示例，它仍然不起作用。

不确定如何处理附加部分...如果cloneNode是递归克隆，并且仅通过将树附加到另一棵树中的DOM上，附加操作就可以了吗？

function myFunction() {
  var itm = document.getElementById("myList2").lastChild;
  var cln = itm.cloneNode(true);
  document.getElementById("myList1").appendChild(cln);
}

<ul id="myList1">
  <li>Coffee</li>
  <li>Tea</li>
</ul>
<ul id="myList2">
  <li>Water</li>
  <li>Milk</li>
  <ul>
    <li>creamy</li>
    <li>fat</li>
  </ul>
</ul>

<p>Click the button to copy an item from one list to another.</p>

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

<p>Try changing the <em>deep</em> parameter to false, and only an empty LI element will be cloned.</p>

应将牛奶及其子代添加到其他列表中。