你不知道的DOM-----javascript篇

javascript分成三部分
es部分（基础语法）  dom部分（操作文档部分）  bom部分（编程操作浏览器部分）
bom过于强大，能操纵浏览器；兼容性太差 

dom定义了表示和修改文档所需的方法 ，
用来操作html和xml功能的一类对象的集合
可以理解为dom对象有很多方法操作html、xml
网页刚刚诞生的时候分为两派  一派是html  一派是xml
数据库的存储基础都是xml   xml和html语法差不多  xml允许自定义标签 目的是面向数据的 

dom 增删改查
查  兼容性好   document.getElementById/ClassName  IE8以下元素的name=Id的时候也会显示出来
    兼容性好            getElementsByTagName()[]    返回一组   【*】
    比较常用的查询使用tagname
                        getElementByName  但是只在部分标签name可生效（表单form、表单元素input、img、iframe）


    classname 虽然方便而且语义化   但是在IE9以下的所有浏览器不存在

eg:知道节点位置 但不知道class或者id的时候查找元素节点 document.querySelector(".wrapper>.content span")
          document.querySelectorAll(".wrapper>.content span")  返回的是数组
   论强大还是querySelector更强大    
   但是ie7及ie7以下没有该方法且是非实时的，
   query方法都是非实时的--》 
   querySelector和querySelectorAll操作的对象都是副本，
   所以没有实效性