DOM节点3

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）；