JavaScript如何克隆或復制節點

這篇文章主要介紹“JavaScript如何克隆或復制節點”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript如何克隆或復制節點”文章能幫助大家解決問題。

　　語法：

　　nodeObject.cloneNode(boolean)

　　參數說明：

　　參數 說明

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

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

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

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

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

　　舉例，對 id="demo" 的節點進行克?。?/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()怎樣刪除節點

　　語法：

　　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如何克隆或復制節點”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。