常用DOM方法

1、createElement方法

     创建一个新的元素（节点）。

     语法：document.createElement(nodeName)

   

2、appendChild方法

     插入新建的节点。

     语法：parent.appendChild(child)

3、createTextNode方法

     创建一个文本（节点）。

     语法：document.createTextNode (text)

例如：

var testdiv = document.getElementById ("testdiv");

var para = document.createElement ("p");  //创建一个p元素节点

testdiv.appendChild(para);//把p元素节点插入文档中一个元素节点上var  

txt=document.createTextNode ("Hello World"); //创建 一个文本节点

para.appendChild(txt);  //把这个文本节点插入p元素节点上

4、insertBefore()方法 

     将一个新元素插入到一个现有元素的前面。

     语法：parentElement.insertBefore ( newElement ,targetElement)

parentElement（父元素）：目标元素的父元素

newElement （新元素）：想插入的元素

targetElement（目标元素）：想把这个元素插入到那个元素之前

我们不必搞清楚父元素到底是哪个，因为targetElement.parentNode属性值就是它