JS原生追加子節點
阿新 • • 發佈:2017-07-30
pop add article col move con 插入 追加 family
如上,須要先原生創建節點,節點內容成為了document的一部分才幹appendchild。 假設直接 appendchild(“<div></div>”)是不能夠的。 由於appendChild(Node)這個 方法通常是在指定元素節點的最後一個子節點之後加入節點 但假設Node是頁面中的DOM對象,那麽就不是加入節點了,就是直接Move節點。 appendChild你能夠理解為移動一個元素。假設想復制一份過去,要事先clone 可是無論如何,這個node須要先存在。 append()前面是要選擇的對象,後面是要在對象內插入的元素內容
純屬個人觀點。有誤希望大家指點,謝謝
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原生追加子節點