JavaScript中怎么克隆或復制節點

本篇文章給大家分享的是有關JavaScript中怎么克隆或復制節點，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

　　JavaScript怎樣克隆或復制節點

　　語法：

　　nodeObject.cloneNode(boolean)

　　參數說明：

　　參數 說明

　　nodeObject 節點對象，即要克隆的節點

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

　　true：完全克隆。完全克隆一個節點，就是克隆它的一切，包括它的子節點，文本節點，凡是有的，一律克隆;

　　false：只克隆當前節點，不克隆任何子節點，也不克隆它所包裹的文本 。

　　當然，如果要克隆的節點沒有任何的子節點，二者等同。

　　舉例，對 id="demo" 的節點進行克隆：

　　?

　　#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()怎樣刪除節點

　　語法：

　　parent.removeChild(thisNode)

　　參數說明：

　　參數 說明

　　thisNode 當前節點，即要刪除的節點

　　parent 當前節點的父節點，即 thisNode.parentNode

　　例如，刪除 id="demo" 的節點的語句為：

　　?

　　1

　　2

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

　　thisNode.parentNode.removeNode(thisNode);

　　舉例，刪除節點：

　　div id="demo">

　　div id="thisNode">點擊刪除我/div>

　　/div>

　　script type="text/javascript">

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

　　this.parentNode.removeChild(this);

　　}

　　/script>

　　實例演示：

　　#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中怎么克隆或復制節點，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。