DOM方法
在DOM看来一个文档就是一个节点树,如果想在树上添加内容,必须插入新的节点
creatElement方法
appandChild方法
创建一个P元素成为textdiv元素的一个子节点:
var para=document.createElement("p");
var testdiv=document.getElementById("testdiv");
testdiv.appendChild(para);
creatTextNode方法
window.onload=function(){
var para=document.createElement("p");
var testdiv=document.getElementById("testdiv");
testdiv.appendChild(para);
var txt=document.createTextNode("HelloWorld");
para.appendChild(txt);
'}
insertBefore()方法
在已有元素前插入一个新元素
parentElement.insretBefore(newElement,targetElement)
gallery.parentNode.insertBefore(descripyion,gallery);
在已有元素后插入一个新元素
DOM本身没有提供insertAfter,但可以编写一个InsertAfter函数:
function insertAfter(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild==targetElement){
parten.appendChild(newElement);
}
else{
parent.insertBefore(newElement.targetElement.nextSibling);
}
}