JavaScript cloneNode()：克隆節點

語法：
nodeObject.cloneNode(boolean)
參數說明：

QQ截图20161013113010.png

舉例，對id="demo" 的節點進行複製：

<div id="demo">
    <div>点击这里进行克隆</div>
    <div>节点</div>
    <div>节点</div>
</div>
<script type="text/javascript">
document.getElementById("demo").onclick=function(){
    alert(this.cloneNode(true).children.length);
}
</script>

繼續學習

新建檔案

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>无标题文档</title> <div id="demo"> <div>点击这里进行克隆</div> <div>节点</div> <div>节点</div> </div> <script type="text/javascript"> document.getElementById("demo").onclick=function(){ alert(this.cloneNode(true).children.length); } </script> </head> <body> </body> </html>

提交重置程式碼

自動運行