探究DOM模型中三大節(jié)點的使用
本文向大家簡單介紹一下DOM模型中的節(jié)點,在DOM模型中有三種節(jié)點,它們分別是元素節(jié)點,屬性節(jié)點和文本節(jié)點,相信通過本文的學習你對DOM模型的節(jié)點有深刻的認識。
DOM模型中的節(jié)點
在DOM模型中有三種節(jié)點,元素節(jié)點,屬性節(jié)點,文本節(jié)點。
元素節(jié)點
可以說整個DOM模型都是由元素節(jié)點構成的。元素節(jié)點可以包含其它的元素,例如<li>可以包含在<ul>中,惟一沒有被包含的就只有根元素HTML。
屬性節(jié)點
作為頁面中的元素,或多或少會有一些屬性,例如,幾乎所有的元素都有title屬性。開發(fā)著可以利用這些屬性,來對包含在元素里的對象做出更準確的描述。例如:
- <ahrefahref=http://www.sutao123.cn
- title="我的資料網(wǎng)我做主"> 我的資料網(wǎng)我做主</a>
上面代碼中href="http://www.sutao123.cn"和title="我的資料我做主"就分別是兩個屬性節(jié)點。由于屬性是被放在標簽里,因此屬性節(jié)點總是被包含在元素節(jié)點中。
文本節(jié)點
在HTML中,光搭建框架是不夠的,頁面最終的目的是向用戶展示內(nèi)容。例如上述的例子中,"我的資料網(wǎng)我做主"這就是一個文本節(jié)點,是我們要向用戶展示的內(nèi)容。本節(jié)關于DOM模型的節(jié)點就簡單介紹到這里。
【編輯推薦】
- JavaScript DOM特性與應用詳解
- W3C DOM模型用法詳解
- 應用MSXML的DOM模型處理XML
- 深入了解JavaScript HTML DOM對象
- 術語匯編 Javascript DOM技術探究