












































































































?
在DOM眼中,HTML跟XML一樣是一種樹形結構的文檔,<html>是根(root)節點,<head>、<title
>
、
<body>
是
<html>
的子(
children
)節點,互相之間是兄弟(
sibling
)節點;
<body>
下面才是子節點
<table>
、
<span>
、
<p>
等等。如下圖:
??? 這個是不是跟
XML
的結構有點相似呢。不同的是,
HTML
文檔的樹形主要包含表示元素、標記的節點和表示文本串的節點。
?HTML文檔的節點
接口
|
nodeType常量
|
nodeType值
|
備注
|
Element
|
Node.ELEMENT_NODE
|
1
|
元素節點
|
Text
|
Node.TEXT_NODE
|
3
|
文本節點
|
Document
|
Node.DOCUMENT_NODE
|
9
|
document
|
Comment
|
Node.COMMENT_NODE
|
8
|
注釋的文本
|
DocumentFragment
|
Node.DOCUMENT_FRAGMENT_NODE
|
11
|
document片斷
|
Attr
|
Node.ATTRIBUTE_NODE
|
2
|
節點屬性
|
方法
|
描述
|
createAttribute()
|
用指定的名字創建新的Attr節點。
|
createComment()
|
用指定的字符串創建新的Comment節點。
|
createElement()
|
用指定的標記名創建新的Element節點。
|
createTextNode()
|
用指定的文本創建新的TextNode節點。
|
getElementById()
|
返回文檔中具有指定id屬性的Element節點。
|
getElementsByTagName()
|
返回文檔中具有指定標記名的所有Element節點。
|
屬性
|
描述
|
tagName
|
元素的標記名稱,比如<p>元素為P。HTML文檔返回的tabName均為大寫。
|
方法
|
描述
|
getAttribute()
|
以字符串形式返回指定屬性的值。
|
getAttributeNode()
|
以Attr節點的形式返回指定屬性的值。
|
getElementsByTabName()
|
返回一個Node數組,包含具有指定標記名的所有Element節點的子孫節點,其順序為在文檔中出現的順序。
|
hasAttribute()
|
如果該元素具有指定名字的屬性,則返回true。
|
removeAttribute()
|
從元素中刪除指定的屬性。
|
removeAttributeNode()
|
從元素的屬性列表中刪除指定的Attr節點。
|
setAttribute()
|
把指定的屬性設置為指定的字符串值,如果該屬性不存在則添加一個新屬性。
|
setAttributeNode()
|
把指定的Attr節點添加到該元素的屬性列表中。
|
使用DOM操作HTML文檔
屬性
|
描述
|
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
