常用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属性值就是它