pop add article col move con 插入 追加 family

 var fragment = document.createDocumentFragment();
li = document.createElement('li');
li.className = "xxx";
fragment.appendChild(li);  
document.getElementById("xx").appendChild(fragment);

如上，須要先原生創建節點，節點內容成為了document的一部分才幹appendchild。 假設直接 appendchild（“<div></div>”）是不能夠的。 由於appendChild(Node)這個 方法通常是在指定元素節點的最後一個子節點之後加入節點 但假設Node是頁面中的DOM對象，那麽就不是加入節點了，就是直接Move節點。 appendChild你能夠理解為移動一個元素。假設想復制一份過去，要事先clone 可是無論如何，這個node須要先存在。 append()前面是要選擇的對象，後面是要在對象內插入的元素內容

appendTo()前面是要插入的元素內容且為Jquery對象。而後面是要選擇的對象

實例：

$('#a').append('content'); 
$('<div>content</div>').appendTo($('#a')); 

//註意appendTo前面一定要是Jquery對象。 

純屬個人觀點。有誤希望大家指點，謝謝

JS原生追加子節點