復制代碼 代碼如下:

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 );

};

};

http://www.dengb.com/Javascript/335426.htmlwww.dengb.comtruehttp://www.dengb.com/Javascript/335426.htmlTechArticle復制代碼 代碼如下: var header1 = document.getElementById("header"); var p = document.createElement("p"); // 創建一個元素節點 insertAfter(p,header1); // 因為js沒有...

總結

以上是生活随笔為你收集整理的原生js追加html代码,原生js实现给指定元素的后面追加内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。