dom=documentobject model，文件物件模型。
dom有三個不同的部分。
1、核心dom 也是最基礎的文件結構的標準模型
2、xmldom 針對xml文件的標準模型
3、html dom 針對html文件的標準模型
對於乙個新生程式設計師來說。html是什麼，其實並不重要。但是都知道。html檔案，可以用瀏覽器開啟。
html和xml，基本相同。只不過是，html中節點 標記，是預先定義好的。而xml中的節點，由文件的作者定義。所以xml是可擴充套件的。
html： 超文字標記語言。主要功能是能被瀏覽器解析 顯示出來。html可以看作是一種特殊的標記語言。
xml：可擴充套件標記語言。
而dom作為以上的標準。當然會對其上面進行規劃：
根據dom，文件每個成分都是乙個節點。對於上面的文件。其實就是一顆樹。
通過乙個例子來了解一下：
p標籤 測試div
文件中的所有標記，都稱之為節點。
dom節點樹中的節點分為：
元素節點、文字節點、屬性節點。
元素節點：標記名稱 如 html body div等
文字節點：標記的內容 如 "測試div" "p標籤" 等等
屬性節點：用於修飾 標記名稱的。也算是 標記的屬性。 如 ：id='boxs'
對元素元素的查詢：
元素的查詢，有好多種方式。
根據標記名稱(getelementsbytagname)、id名(getelementbyid)、name名(getelementsbyname)。都可以進行查詢
innerhtml：獲取元素節點中的文字節點
元素屬性節點的修改。
查到元素之後，也可以進行 屬性的修改 attribute
查詢元素的時候，如果查到的元素 不止乙個，那麼返回的為乙個節點陣列。因此在使用的時候一定不能缺少陣列標號。通過childnode屬性來獲取所有子節點
對與節點來說，也是一種樹形結構。當查詢到乙個元素節點後，這個元素節點中 也包括很多小節點。
如上所示的節點，由 屬性節點 和 文字節點構成。使用
childnodes.length 獲取元素節點中的所有子節點
使用的時候，與陣列類似 childnodes[i] 對第i個子節點進行操作
對子節點的操作
dom基礎很多，記是肯定記不住的。瀏覽一遍，了解一下，在下次使用的時候，知道有那麼一回事。知道在**查資料就行了。
當然，也可以根據ide的智慧型提示來做。
JS應用DOM入門
dom提供了一套屬性用於導航 訪問和更新文件內容，其中包括唯讀型別的屬性和可讀寫型別的屬性。下表是唯讀型別的屬性 dom物件屬性 返 回 值 firstchild 返回乙個物件 object 表示第乙個孩子節點 child node lastchild 返回乙個物件 object 表示最後乙個孩子節...
JS基礎學習二 DOM
b 獲取節點 b document.getelementbyid nodeid document.getelementsbytagname nodetagname b 樹形操作 b firstchild lastchild childnodes parentnode nextsibling 同級的下...
JS回歸基礎之DOM
dom 可以將任何 html 或 xml 文件描繪成乙個由多層節點構成的結構。節點分為幾種不同的型別，每種型別分別表示文件中不同的資訊及 或 標記。每個節點都擁有各自的特點 資料和方法。dom1 級定義了乙個 node 介面，該介面將由 dom 中的所有節點型別實現。每個節點都有乙個 nodetyp...