javascript - 克隆节点并附加到 xml

Question

我需要一些 javascript(不是 JQuery 等)代码来复制克隆节点并在接下来插入它到复制的节点。例如。

<a>
    <b>
        <ab></ab>
        <bc></bc>
    </b>
</a>

现在在复制 <b> 之后来自源 xml 的节点并将其附加为下一个兄弟节点，

    <a>
        <b>
            <ab></ab>
            <bc></bc>
        </b>
        <!-- this is the copied node that will be appended. -->
        <b>
            <ab></ab>
            <bc></bc>
        </b>
        <!-- copied node ends here. -->
    </a>

如果有人向我展示一些至少在 Mozilla2 和 IE5+ 中受支持的代码示例，我将不胜感激。CloneNode 方法在许多主要浏览器的原始版本中不能正常工作。但是，所有 IE 浏览器都支持 CloneNode。所以 cloneNode 方法将不是一个解决方案。

Answer 1

假设您通过 ID 获取所需的节点，下面是如何克隆现有节点并将克隆附加为兄弟节点的方法:

var node = document.getElementById("toBeCloned");
var parentNode = node.parentNode;
alert(parentNode.outerHTML);
var clonedNode = node.cloneNode(true);
clonedNode.removeAttribute("id");
parentNode.appendChild(clonedNode);
alert(parentNode.outerHTML);

警报 将显示插入前后 XML 的外观。

此代码适用于 Mozilla 和任何合理版本的 IE。我无法保证 IE5 到 IE7 的支持，因为我无法访问这些浏览器。