DOM的基本操作

1. 查
   1. 查看元素节点
      1. document代表整个文档
      2. document.getElementById()元素id      在IE8以下的浏览器，不区分id大小写，而且也返回匹配name属性的元素
      3. .getElementsByTagName（） //标签名
      4. .getElementsByName（）   //需注意，只有部分标签name可生效（表单，表单元素，img，iframe）
      5. .getElementsByClassName（） //类名    -->ie8和ie8以下的ie版本中没有，可以多个class一起
      6. .querySelector()  //css选择器   在ie7和ie7以下的版本中没有
      7. .querySelectorAll()    //css选择器   在ie7和ie7以下的版本中没有
   2. 遍历节点树
      1. parentNode-->父节点（最顶端的parentNode为#document）
      2. childNodes-->子节点们
      3. firstChild-->第一个子节点
      4. lastChild-->最后一个子节点
      5. nextSiling-->后一个兄弟节点
      6. previousSiling-->前一个兄弟节点
   3. 基于元素节点树的遍历
      1. parentElement-->返回当前元素的父元素节点（IE不兼容）
      2. children-->只返回当前元素的元素子节点
      3. node.childElementCount()===node.child.length当前元素节点个数（IE不兼容）
      4. firstElementChild-->返回第一个元素节点（IE不兼容）
      5. lastElementChild-->返回最后一个元素节点（IE不兼容）
      6. nextElementSiling/previousElementSibling-->只返回后一个/当前一个兄弟节点（IE不兼容）
   4. 节点的四大属性：
      1. nodeName
         元素的标签名，以大写的形式表示，只读
      2. nodeValue
         Text节点或Comment节点的文本内容，可读写
      3. nodeType
         该节点的类型，只读
      4. attributes
         Element节点的属性集合
   5. 节点的一个方法：Node.hasChildNode();
2. DOM节点树
3. 增
   1. document.createElement();    -->创建文本节点
   2. document.createTextNode()   -->创建节点
   3. document.createComment()  -->创建注释节点
4. 插
   1. PARENTNODE.appendChild();　　-->将某一个节点插入到前边的节点里边
   2. PARENTNODE.insertChild(a,b)     -->在某个节点内，将a插入到b前边
5. 删
   1. parent.removeChild();  -->父元素节点删除某个子节点
   2. child.remove();    -->节点自己删除（自杀式删除）
6. 替换
   1. parent.replaceChild(New,origin);  -->用新的节点替换旧的节点
7. Element节点的一些属性
   1. innerHTML         -->在某个元素节点中添加相关的内容
8. Element节点的一些方法
   1. ele.setAribute("属性名称"，“属性值”);      -->在某个元素节点中添加某个属性
   2. ele.getAribute("属性名称")　　　　     -->查询某个元素节点的属性