原生js實作給指定元素的後面追加內容_javascript技巧

複製程式碼 程式碼如下:

var header1 = document.getElementById("header")
; var p = document.createElement("p"); // 建立一個元素節點
insertAfter(p,header1); // 因為js沒有直接追加到指定元素後面的方法所以要自己建立一個方法
function insertAfter( newElement, targetElement ){ // newElement是要追加的元素targetElement 是指定元素的位置
var parent = targetElement.parentNode; // 找到指定元素的父節點
if( parent.lastChild ==== targetElement ){ // 判斷指定元素的是否是節點中的最後一個位置如果是的話就直接使用appendChild方法
parent.appendChild( newElement, targetElement );
}else{
parent.insertBefore( newElement, targetElement.nextSibling );
};
};