JavascriptDOM编程艺术学习笔记3

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