JavaScript入门教程

JavaScript简介
JavaScript语法基础
JavaScript流程控制
JavaScript函数
面向对象编程
JavaScript事件
JavaScript DOM
正则表达式
JavaScript BOM
AJAX

专题分析

浏览器兼容性
JS优化
Web前端开发规范
编辑器推荐
总结和笔记

学习助手

对象参考手册
ECMAScript分析
数据中心
QQ交流群

JavaScript cloneNode():克隆节点

在JavaScript中,可以通过 cloneNode() 方法来克隆(复制)节点。

语法:
    nodeObject.cloneNode(boolean)
参数说明:
参数 说明
nodeObject 节点对象,即要克隆的节点
boolean 布尔值,是否完全克隆。
  • true:完全克隆。完全克隆一个节点,就是克隆它的一切,包括它的子节点,文本节点,凡是有的,一律克隆;
  • false:只克隆当前节点,不克隆任何子节点,也不克隆它所包裹的文本 。

当然,如果要克隆的节点没有任何的子节点,二者等同。

举例,对 id="demo" 的节点进行克隆:
<div id="demo">
    <div>点击这里进行克隆</div>
    <div>节点</div>
    <div>节点</div>
</div>
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
    alert(this.cloneNode(true).children.length);
}
</script>

实例演示:
点击这里进行克隆
节点
节点