操作html文件的第一步就是獲取對文件元素的引用，每乙個元素在dom中就是乙個節點，所有的元素在dom中構成乙個節點樹。
用於獲取元素節點定義的方法定義於htmldocument介面，window.document方法用於實現該介面，其定義的常用方法和屬性如下：
屬性或方法
返回值型別
說明[getter]
任何型別
根據元素的name屬性獲取所有元素節點
allhtmlallcollection
文件中所有元素組成的集合，已不推薦使用
body
htmlelement
獲取元素節點
head
htmlheadelement
獲取元素節點
images
htmlcollection
獲取所有
元素節點
embeds
htmlcollection
獲取所有元素節點
plugins
htmlcollection
等同於embeds屬性
links
htmlcollection
獲取所有帶href屬性的和元素節點
forms
htmlcollection
獲取所有元素節點
scripts
htmlcollection
獲取所有元素節點
getelementsbyname()
nodelist
根據元素的name屬性獲取所有元素節點
getelementsbyclassname()
nodelist
根據元素的class屬性獲取所有元素節點
另外，htmldocument介面也繼承了core dom的document介面，繼承的屬性和方法如下：
屬性或方法
返回值型別
說明documentelement
element
獲取xml或者html的根元素，在html中即
getelementbyid()
element
根據id屬性值獲取指定元素
getelementsbytagname()
nodelist
根據元素名稱獲取所有元素節點
getelementsbytagnamens()
nodelist
根據指定的命名空間的元素名獲取所有元素節點
原文首發：
DOM解析一我的筆記
dom是針對xml的基於樹的api，它關注的不僅是解析xml 而是使用一系列互相關聯的物件來表示這些 而這些物件被修改而且無須重新解析 就能直接訪問它們,使用dom只須解析 一次來建立乙個對模型，dom定義了node介面以及許多種節點型別來表示xml節點的多個方面 dom的node a node的型...
DOM優化 筆記
webilt型別的瀏覽器 dom 方法要比 innerhtml 要好，而別的瀏覽器則是innerhtml效能要比dom要好。儘量減少dom操作 節點轉殖，訪問元素集合 盡量使用區域性變數 元素節點，選擇器api console.time hello3 var oli document.createe...
DOM事件學習筆記
1.事件處理程式 1 html事件處理程式 function showmessage 缺點 要修改兩次 2 dom的0級事件處理程式 var btn document.getelementbyid btn btn.nclick function btn.nclick null 刪除事件 3 dom的...