javascript dom操作之cloneNode文本節點複製提示

true：完全的複製一個節點，什麼叫完全呢，就是複製一切，包括他的子節點，以至於文本節點，凡是有的，一律複製，所謂完全

false：只複製當前節點，不複製任何的子節點，當然也不會複製他所包裹的文本，因為任何文本都有指向他的節點（文本節點）
當然有時候兩者是可以通用的哦，如果要複製的節點沒有任何的子節點，這是二者全等；比如 img...

為了讓大家理解的更為深刻，舉個小例子吧：

複製代碼 代碼如下:<div>
<span>Shadow</span> |No Shadow
</div>

我定義一個變數用於指向span節點

var element = document.getElementsByTagName('span')[0];
那麼 複製代碼 代碼如下:var t1 = element.cloneNode(false).innerHTML;//不複製子節點
var t2 = element.cloneNode(true).innerHTML;//copy all
alert(t1);
alert(t2);

這是會依次輸出 （空）“”和Shadow ； 複製代碼 代碼如下:var textnode = element.firstChild;//指向文本節點
var t1 = textnode.cloneNode(false).nodeValue;
var t2 = textnode.cloneNode(true).nodeValue;
alert(t1);
alert(t2);

這是他們會同時輸出Shadow。

【cloneNode的bug】

在上面多級聯動中說到，會用cloneNode複製容器，但cloneNode在ie中有一個bug：
在ie用attachEvent給dom元素繫結事件，在cloneNode之後會把事件也複製過去。
而用addEventListener添加的事件就不會，可以在ie和ff測試下面的代碼： div<p>