節點型別
nodetype
nodename
nodevalue
含義element_node
1標籤名（eg:div）
null
元素節點
attribute_node
2特性名（eg:class）
特性值特性節點
text_node
3#text
文字的內容
文字節點
cdata_section_node
4#cdata-section
cdata文字的內容
cdata區段節點
entity_reference_node
5實體引用名稱
null
實體引用節點
entity_node
6實體名稱
null
實體節點
processing_instruction_node
7target
節點的內容
處理指令節點
comment_node
8#comment
注釋的內容
注釋節點
document_node
9#document
null
html文件節點（即document）
document_type_node
10dtd宣告內容
null
文件型別（dtd宣告）節點
document_fragment_node
11document 片段
null
文件片段（?）節點
notation_node
12符號名稱
null?
nodetype：顯示節點的型別
nodename：顯示節點的名稱
nodevalue：顯示節點的值
attributes：獲取乙個屬性節點
firstchild：表示某一節點的第乙個節點
lastchild：表示某一節點的最後乙個子節點
childnodes：表示所在節點的所有子節點
parentnode：表示所在節點的父節點
nextsibling：緊挨著當前節點的下乙個節點
previoussibling：緊挨著當前節點的上乙個節點
ownerdocument：返回擁有該元素的文件元素（document）
方法描述
createattribute (name)
用給定名稱name建立特性節點
createcdatasection (text)
用包含文字text的文字子節點建立乙個cdata section
createcomment(text)
建立包含文字text的注釋節點
createdocumentfragment()
建立文件碎片節點
createelement (tagname)
建立標籤名為tagname的元素
createentityreference(name)
建立給定名稱的實體引用節點
createprocessinginstruction(target, data)
建立包含給定target和data的pi節點
createtextnode(text)
建立包含文字text的文字節點
將node新增到childnodes的末尾
insertbefore (newnode,refnode)
在childnodes中的refnode之前插入newnode
removechild(node)
從childnodes中刪除node
replacechild (newnode,oldnode)
將childnodes中的oldnode替換成newnode
haschildnodes()
當childnodes包含乙個或多個節點時，返回真
clonenodd(boolean)
轉殖節點，引數為真時同時轉殖子節點
操作dom節點
取到節點物件可以，我們可以建立乙個節點後動態插入到dom節點樹中 html中 1 建立乙個文字節點 第一段第二段 第三段 js var div document getelementsbytagname div 0 var textnode document createtextnode 文字節點 ...
DOM 節點操作
方法名 只能document呼叫 返回單一的值 返回動態集合 getelementbyid getelementsbytagname getelementsbyclassname queryselectorall queryselector 建立節點document.createelement ta...
dom節點操作
獲取節點元素的幾種方法 document.getelementbyid 通過元素選出id選出 document.getelementsbyclassname 通過元素選出class選出 document.getelementsbytagname 通過元素的標籤名選出 document.getelem...