javascript - javascript cloneNode 深但更改父 nodeType/nodeName

Question

如何克隆节点然后转换该节点名称，因为我想要复制属性和子节点（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);
    }