












































































































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

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