JavaScript - DOM 克隆節點方法 - cloneNode


JavaScript - DOM 克隆節點方法 - cloneNode

具體看代碼即可:(調用者為要克隆的節點)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <p>永遠的學生<b>!</b></p>

</div>

<script type="text/javascript">
    var div  = document.getElementsByTagName("div")[0];
    var div1 = div.cloneNode(true);     //是真時 那么我們復制他的節點和子節點到div1
    var div2 = div.cloneNode(false);     //是假時 那么我們只是復制他的節點到div1
    //測試:
    div.parentNode.appendChild(div1);   //把 <p>永遠的學生<b>!</b></p> 這個都加進了啊 因為克隆時true
    div.parentNode.appendChild(div2);   //就加了個div啊! 因為克隆時false

</script>
</body>
</html>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM