你不知道的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操作的對象都是副本，
   所以沒有實效性