摘要:
下文讲述DOM对象之方法cloneNode()的功能简介说明,如下所示:
DOM cloneNode()方法简介
cloneNode()方法的功能:
将DOM选中的一个节点进行复制操作
将根据传入的参数判断是否复制子节点
cloneNode()方法语法说明:
target.cloneNode(depp)
—-参数说明—-
1.target:被复制的目标元素
2.deep:可选参数,缺省值为false,
当参数值为true时,复制其当前节点及其子节点
当参数值为false时,只复制节点自身
cloneNode()方法注意事项:
目前市面上流行的浏览器都支持此方法
DOM cloneNode()方法举例说明:
例:
猫猫教程(www.maomao365.com)---DOM 之cloneNode方法举例说明
div{
width:80px;
height:80px;
line-height:80px;
text-align:center;
background-color:green;
color:white;font-weight:bold;
margin:5px;
}
window.οnlοad=function(){
let odiv=document.getElementsByTagName("div")[0];
let obt1=document.getElementById("btn1");
obt1.οnclick=function(){
let copy1=odiv.cloneNode();
document.body.appendChild(copy1);
}
let obt2=document.getElementById("btn2");
obt2.οnclick=function(){
let copy2=odiv.cloneNode(true);
document.body.appendChild(copy2);
}
}
代码解析:
当cloneNode(true) 时,div下的文本都被一起复制至body中
javascript DOM cloneNode方法举例说明