clonenode与innerHTML有何不同

clonenode和innerHTML都是用于将一个元素的内容复制到另一个元素中的方法，但它们之间有一些重要的区别。

1. clonenode 是一个原生的DOM方法，它会复制整个节点及其所有的子节点。它会创建一个完全独立的新节点，包括属性、事件监听器和子节点。 例如：

   var originalNode = document.getElementById('original');
   var clonedNode = originalNode.cloneNode(true);
   document.getElementById('target').appendChild(clonedNode);
   

2. innerHTML是一个属性，它会将指定元素中的所有子节点替换为指定的HTML或文本内容。它只是将指定的字符串解析为HTML并插入到元素中，不会复制元素的属性或事件监听器。 例如：

   var content = document.getElementById('original').innerHTML;
   document.getElementById('target').innerHTML = content;
   

总的来说，cloneNode更适合复制整个节点及其属性和事件监听器，而innerHTML更适合将HTML内容插入到元素中。