元素節點 html標籤 img body input div
文字節點 文字部分
屬性節點 標籤內的屬性
注釋節點
1.document
頁面中最大的節點，有且只有乙個。不屬於元素節點，是頁面中所有節點的容器。 根節點。
2.html
頁面中最大的元素節點。根元素節點。
3.元素節點
html標籤
4.文字節點
每一段文字內容都是乙個文字節點
包含 換行 和 空格
一般來說作為元素節點的子節點存在。
5.屬性節點：
屬性節點不能單獨存在，必須依賴於元素節點。
6.注釋節點
頁面中的注釋，作為說明文字使使用者。
document 物件是文件樹的根，並為我們提供對文件資料的最初（或最頂層）的訪問入口。
由於元素節點、文字節點、注釋、處理指令等均無法存在於文件之外，document 物件也提供了建立這些物件的方法。node 物件提供了乙個 ownerdocument 屬性，此屬性可把它們與在其中建立它們的 document 關聯起來。
屬性描述
async
childnodes
返回文件的子節點的節點列表。
doctype
返回與文件相關的文件型別宣告（dtd，全稱 document type declaration）。
documentelement
返回文件的根節點。
documenturi
設定或返回文件的位置。
domconfig
返回 normalizedocument() 被呼叫時所使用的配置。
firstchild
返回文件的第乙個子節點。
implementation
返回處理該文件的 domimplementation 物件。
inputencoding
返回用於文件的編碼方式（在解析時）。
lastchild
返回文件的最後乙個子節點。
nodename
返回節點的名稱（根據節點的型別）。
nodetype
返回節點的節點型別。
nodevalue
設定或返回節點的值（根據節點的型別）。
stricterrorchecking
設定或返回是否強制進行錯誤檢查。
xmlencoding
返回文件的 xml 編碼。
xmlstandalone
設定或返回文件是否為 standalone。
xmlversion
設定或返回文件的 xml 版本。
常用方法：
方法描述
getelementbyid()
返回帶有指定 id 的元素。
getelementsbytagname()
返回包含帶有指定標籤名稱的所有元素的節點列表（集合/節點陣列）。
getelementsbyclassname()
返回包含帶有指定類名的所有元素的節點列表。
把新的子節點新增到指定節點。
removechild()
刪除子節點。
replacechild()
替換子節點。
insertbefore()
在指定的子節點前面插入新的子節點。
createattribute()
建立屬性節點。
createelement()
建立元素節點。
createtextnode()
建立文字節點。
getattribute()
返回指定的屬性值。
setattribute()
把指定屬性設定或修改為指定的值。
方法描述
adoptnode(sourcenode)
從另乙個文件向本文件選定乙個節點，然後返回被選節點。
createattribute(name)
建立帶有指定名稱的屬性節點，並返回新的 attr 物件。
createattributens(uri,name)
建立帶有指定名稱和命名空間的屬性節點，並返回新的 attr 物件。
createcdatasection()
建立 cdata 區段節點。
createcomment()
建立注釋節點。
createdocumentfragment()
建立空的 documentfragment 物件，並返回此物件。
createelement()
建立元素節點。
createelementns()
建立帶有指定命名空間的元素節點。
createentityreference(name)
建立 entityreference 物件，並返回此物件。
createprocessinginstruction(target,data)
建立乙個 processinginstruction 物件，並返回此物件。
createtextnode()
建立文字節點。
getelementbyid(id)
返回帶有指定值的 id 屬性的元素。如果不存在這樣的元素，則返回 null。
getelementsbytagname()
返回帶有指定名稱的所有元素的 nodelist。
getelementsbytagnamens()
返回帶有指定名稱和命名空間的所有元素的 nodelist。
importnode(nodetoimport,deep)
從另乙個文件向本文件選定乙個節點。該方法建立源節點的乙個新的副本。如果 deep 引數設定為 true，它將匯入指定節點的所有子節點。 如果設定為 false，它將只匯入節點本身。該方法返回被匯入的節點。
normalizedocument()
renamenode()
重新命名元素或屬性節點。
dom獲取節點物件的方法
charset utf 8 title 直接獲取節點物件的方式 方式直接獲取單個物件 function demo1 2.通過標籤獲得元素的物件，獲得的是乙個集合 function demo2 3.通過屬性name 名字叫 hobby獲得 function demo3 間接獲取節點物件的方式 func...
DOM 物件的方法和屬性
一些常用的 html dom屬性 innerhtml 節點 元素 的文字值 parentnode 節點 元素 的父節點 childnodes 節點 元素 的子節點 attributes 節點 元素 的屬性節點方法 描述getelementbyid 返回帶有指定 id 的元素。getelementsb...
dom中classList物件常用方法
新增新的類名，如已經存在，取消新增 classlist.add newclassname varstr document.getelementbyid str str.classlist.add newclassname 確定元素中是否包含指定的類名，返回值為true false classlist...