oracle domnode释放 html DOM对象之方法cloneNode()的简介说明

摘要:

下文讲述DOM对象之方法cloneNode()的功能简介说明,如下所示:

DOM cloneNode()方法简介

cloneNode()方法的功能：

将DOM选中的一个节点进行复制操作

将根据传入的参数判断是否复制子节点

cloneNode()方法语法说明:

target.cloneNode(depp)

—-参数说明—-

1.target:被复制的目标元素

2.deep:可选参数,缺省值为false,

当参数值为true时,复制其当前节点及其子节点

当参数值为false时,只复制节点自身

cloneNode()方法注意事项:

目前市面上流行的浏览器都支持此方法

DOM cloneNode()方法举例说明:

例:

猫猫教程()

---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方法举例说明