JavaScript如何创建一个DOM元素

前言：

HTML元素通常是由元素节点和文本节点组成

基础方法：

document.createElement()    创建元素节点

document.createAttribute()    创建一个属性节点

document.createTextNode()  创建文本节点

appendChild()                        向节点的子节点列表的末尾添加或者删除子节点建

运用：

//创建h1标签
var h=document.createElement("H1");
//创建文本节点
var t=document.createTextNode("Hello World");
//创建属性节点
var v=document.createAttribute("color");
//对属性节点进行复制属性
v.value="red";
//将属性节点设置给元素节点
h.setAttributeNode(v);
//将文本节点插入到元素节点
h.appendChild(t);
//将元素节点插入body
document.body.appendChild(h);