DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 原生js實現給指定元素的後面追加內容
原生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 );
};
};
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved