小码哥的IT人生

XML DOM cloneNode() 方法

XML基础 2023-08-12 18:28:31小码哥的IT人生shichen

XML DOM cloneNode() 方法

定义和用法

cloneNode() 方法可创建指定的节点的精确拷贝。

此方法可返回所复制的节点。

语法:

nodeObject.cloneNode(include_all)
参数 描述
include_all 必需。假如逻辑参数被设置为真,那么被克隆的节点会克隆原节点的所有子节点。

返回值

当前节点的副本。

说明

该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true,它还将递归复制当前节点的所有子孙节点。否则,它只复制当前节点。

返回的节点不属于文档树,它的 parentNode 属性为 null。

当复制的是 Element 节点时,它的所有属性都将被复制。但要注意,当前节点上注册的事件监听器函数不会被复制。

实例

在所有的例子中,我们将使用 XML 文件 books.xml,以及 JavaScript 函数 loadXMLDoc()

下面的代码片段可克隆首个 <book> 节点,然后把它添加到节点列表的末尾:

xmlDoc=loadXMLDoc("books.xml");
var x=xmlDoc.getElementsByTagName('book')[0];
var cloneNode=x.cloneNode(true);
xmlDoc.documentElement.appendChild(cloneNode);
//Output all titles
var y=xmlDoc.getElementsByTagName("title");
for (i=0;i<y.length;i++)
  {
  document.write(y[i].childNodes[0].nodeValue);
  document.write("<br />");
  }

输出:

Everyday Italian
Harry Potter
XQuery Kick Start
Learning XML
Everyday Italian

TIY

完整实例【cloneNode() - 克隆节点】:

<html>
<head>
<script type="text/javascript" src="/demo/example/xdom/loadxmldoc.js">
</script>
</head>
<body>
<script type="text/javascript">
xmlDoc=loadXMLDoc("/demo/example/xdom/books.xml");
x=xmlDoc.getElementsByTagName('book')[0];
cloneNode=x.cloneNode(true);
xmlDoc.documentElement.appendChild(cloneNode);
//Output all titles
y=xmlDoc.getElementsByTagName("title");
for (i=0;i<y.length;i++)
{
document.write(y[i].childNodes[0].nodeValue);
document.write("<br />");
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024