javascript cloneNode 深但更改父节点类型/节点名称

Question

如何克隆Node，然后转换该nodeName，因为我想要深入复制属性和子节点( https://developer.mozilla.org/en-US/docs/Web/API/Node.cloneNode?redirectlocale=en-US&redirectslug=DOM%2FNode.cloneNode )

就像:我有一个包含一堆属性和子项的跨度。我想要同样的东西，但我想要一个 div

非常感谢

在我成功克隆并更改为 div 之后，我想用它替换跨度。还有一种方法可以克隆其上的所有事件监听器吗？

Answer 1

以下内容不处理直接位于原始 span 元素下的文本子级，但在其他方面应该可以正常工作。

    mutantClone = document.createElement("div");
    for (var i=0; i<original.childNodes.length; i++){
        var child = original.childNodes[i];
        var childClone = child.cloneNode(true);
        mutantClone.appendChild(childClone);
    }