JavaScript中怎么克隆或復(fù)制節(jié)點(diǎn)

本篇文章給大家分享的是有關(guān)JavaScript中怎么克隆或復(fù)制節(jié)點(diǎn)，小編覺(jué)得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說(shuō)，跟著小編一起來(lái)看看吧。

　　JavaScript怎樣克隆或復(fù)制節(jié)點(diǎn)

　　語(yǔ)法：

　　nodeObject.cloneNode(boolean)

　　參數(shù)說(shuō)明：

　　參數(shù) 說(shuō)明

　　nodeObject 節(jié)點(diǎn)對(duì)象，即要克隆的節(jié)點(diǎn)

　　boolean 布爾值，是否完全克隆。

　　true：完全克隆。完全克隆一個(gè)節(jié)點(diǎn)，就是克隆它的一切，包括它的子節(jié)點(diǎn)，文本節(jié)點(diǎn)，凡是有的，一律克隆;

　　false：只克隆當(dāng)前節(jié)點(diǎn)，不克隆任何子節(jié)點(diǎn)，也不克隆它所包裹的文本 。

　　當(dāng)然，如果要克隆的節(jié)點(diǎn)沒(méi)有任何的子節(jié)點(diǎn)，二者等同。

　　舉例，對(duì) id="demo" 的節(jié)點(diǎn)進(jìn)行克?。?/p>

　　?

　　#demo{

　　width:250px;

　　padding:0px 10px 10px 10px;

　　border:1px solid #ccc;

　　background-color:#ededed;

　　}

　　#demo div{

　　height:50px;

　　width:250px;

　　margin-top:10px;

　　text-align:center;

　　line-height:50px;

　　background-color:#ccc;

　　}

　　Javascript removeChild()怎樣刪除節(jié)點(diǎn)

　　語(yǔ)法：

　　parent.removeChild(thisNode)

　　參數(shù)說(shuō)明：

　　參數(shù) 說(shuō)明

　　thisNode 當(dāng)前節(jié)點(diǎn)，即要?jiǎng)h除的節(jié)點(diǎn)

　　parent 當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn)，即 thisNode.parentNode

　　例如，刪除 id="demo" 的節(jié)點(diǎn)的語(yǔ)句為：

　　?

　　1

　　2

　　var thisNode=document.getElementById("demo");

　　thisNode.parentNode.removeNode(thisNode);

　　舉例，刪除節(jié)點(diǎn)：

　　div id="demo">

　　div id="thisNode">點(diǎn)擊刪除我/div>

　　/div>

　　script type="text/javascript">

　　document.getElementById("thisNode").onclick=function(){

　　this.parentNode.removeChild(this);

　　}

　　/script>

　　實(shí)例演示：

　　#demo{

　　width:250px;

　　padding:0px 10px 10px 10px;

　　border:1px solid #ccc;

　　background-color:#ededed;

　　}

　　#demo div{

　　height:50px;

　　width:250px;

　　margin-top:10px;

　　text-align:center;

　　line-height:50px;

　　background-color:#ccc;

　　}

以上就是JavaScript中怎么克隆或復(fù)制節(jié)點(diǎn)，小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘９ぷ鲿?huì)見(jiàn)到或用到的。希望你能通過(guò)這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注億速云行業(yè)資訊頻道。