createElement() : 创建一个元素节点。
appendChild() : 往一个节点的里面追加一个新的子节点
appendChild方法接受一个节点对象作为参数,可以创建新的节点,但如果参数是现有节点,会从原来的位置移动到新位置
insertBefore (新节点，插入到谁的前面) : 往一个指定子节点前面插入一个新的子节点
removeChild() : 从父级删除一个指定的子节点。
replaceChild() : 用一个新的节点，替换一个子节点。
第一个参数 ： 新的节点
第二个参数 ： 被替换的节点。
cloneNode() : 复制当节点。
参数 一个布尔值 指定是否复制节点里面的后代节点。
1，参数默认为 false,即只复制节点本身，不复制后代节点。
2，事件不会被复制，只会复制 DOM 结构。
innerHTML && outerHTML
innerHTML只能获取到元素的内容
outerHTML可以获取到元素本身及内容
操作元素属性的三种方式：
第一种 .属性名
第二种 ['属性名']
1，.属性名 的方式，.后面只能是属性名，而不能用变量
2，['属性名'] 属性名一定要加引号
前两种方式，获取不到行间的自定义属性。
第三方式：
获取属性 ： getAttribute('属性名');
在获取class时
标准 ： 'class'
ie6/7/8 : 'className'
设置属性 ：setAttribute('属性名称','属性值')
setAttribute() 设置的属性是添加到标签上的。
删除属性 ：removeAttribute('属性名')
第三种方式获取不到通过前两个方式定义的自定义属性。
（ie6/7/8下可以获取）
第三种方式操作元素属性的好处：
1，可以操作行间的自定义属性。
2，可以获取到 src \ href \ url 等的相对地址。
ie6、7下需要指定第二个参数（2或3）；
