本文向大家簡單介紹一下DOM模型中的節(jié)點(diǎn)，在DOM模型中有三種節(jié)點(diǎn)，它們分別是元素節(jié)點(diǎn)，屬性節(jié)點(diǎn)和文本節(jié)點(diǎn)，相信通過本文的學(xué)習(xí)你對DOM模型的節(jié)點(diǎn)有深刻的認(rèn)識。

DOM模型中的節(jié)點(diǎn)

在DOM模型中有三種節(jié)點(diǎn)，元素節(jié)點(diǎn)，屬性節(jié)點(diǎn)，文本節(jié)點(diǎn)。

元素節(jié)點(diǎn)

可以說整個(gè)DOM模型都是由元素節(jié)點(diǎn)構(gòu)成的。元素節(jié)點(diǎn)可以包含其它的元素，例如<li>可以包含在<ul>中，惟一沒有被包含的就只有根元素HTML。

屬性節(jié)點(diǎn)

作為頁面中的元素，或多或少會有一些屬性，例如，幾乎所有的元素都有title屬性。開發(fā)著可以利用這些屬性，來對包含在元素里的對象做出更準(zhǔn)確的描述。例如：

<ahrefahref=http://www.sutao123.cn
title="我的資料網(wǎng)我做主"> 我的資料網(wǎng)我做主</a> 

上面代碼中href="http://www.sutao123.cn"和title="我的資料我做主"就分別是兩個(gè)屬性節(jié)點(diǎn)。由于屬性是被放在標(biāo)簽里，因此屬性節(jié)點(diǎn)總是被包含在元素節(jié)點(diǎn)中。

文本節(jié)點(diǎn)

在HTML中，光搭建框架是不夠的，頁面最終的目的是向用戶展示內(nèi)容。例如上述的例子中，"我的資料網(wǎng)我做主"這就是一個(gè)文本節(jié)點(diǎn)，是我們要向用戶展示的內(nèi)容。本節(jié)關(guān)于DOM模型的節(jié)點(diǎn)就簡單介紹到這里。
 

【編輯推薦】

1. JavaScript DOM特性與應(yīng)用詳解
2. W3C DOM模型用法詳解
3. 應(yīng)用MSXML的DOM模型處理XML
4. 深入了解JavaScript HTML DOM對象
5. 術(shù)語匯編 Javascript DOM技術(shù)探究