2， 復(fù)制節(jié)點(diǎn)。

cloneNode(boolean) :

它有一個(gè)參數(shù)。

var mes = document.createTextNode("hello world");

var container = document.createElement("p");

container.appendChild(mes);

document.body.appendChild(container);

var newpara = container.cloneNode(true);//true和false的區(qū)別

document.body.appendChild(newpara );

注意：

true的話：是<p>aaaa</p> 克隆。

false： 只克隆 <p></p> ，里面的文本不克隆。

可以自己寫個(gè)例子，然后用 firebug 看看。

克隆后的新節(jié)點(diǎn)，和createTextNode()一樣? 不會被自動插入到文檔 。需要appendChild();

另外還有一個(gè)注意： 如果克隆后，id一樣，不要忘記用 setAttribute(“id” , “ another_id “);

改變新的節(jié)點(diǎn)的ID。

3， 插入節(jié)點(diǎn)。

appendChild() :

給元素追加一個(gè)子節(jié)點(diǎn)， 新的節(jié)點(diǎn) 插入到 最后。

var container = document.createElement("p");

var t =? document.createTextNode("cssrain");

container.appendChild(t);

document.body.appendChild(container);

他經(jīng)常跟createElement()和createTextNode(),cloneNode()配合使用。

另外 appendChild()不僅可以用來追加新的元素，也可以你 挪動 文檔中現(xiàn)有的元素。

看下面的例子：

<p id="msg">msg</p>

<p id="content">content</p>

<p id="aaa">aaaaaaaa</p>

<script>

var mes = document.getElementById("msg");

var container = document.getElementById("content");

container.appendChild(mes);

</script>

//發(fā)現(xiàn)msg放到 content 后面去了 。

Js內(nèi)部處理方式：

先把ID為msg的從文檔中刪除，然后再插入到content 后，作為content的最后一個(gè)節(jié)點(diǎn)。

結(jié)果為：

<p id="content">

content

<p id="msg">msg</p>

</p>

<p id="aaa">aaaaaaaa</p>

轉(zhuǎn)載于:https://www.cnblogs.com/rongxh7/archive/2010/05/23/1742315.html

總結(jié)

以上是生活随笔為你收集整理的dom复制cloneNode节点与插入节点appendChild()的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。