小編給大家分享一下HTML中DOM節(jié)點(diǎn)的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都網(wǎng)站建設(shè)、做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的江岸網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

　　在HTML DOM中，所有事物都是節(jié)點(diǎn)。DOM是被視為節(jié)點(diǎn)樹的HTML。

　　DOM節(jié)點(diǎn)

　　根據(jù)W3C的HTML DOM標(biāo)準(zhǔn)，HTML文檔中的所有內(nèi)容都是節(jié)點(diǎn)：

　　整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)

　　每個(gè)HTML元素是元素節(jié)點(diǎn)

　　HTML元素內(nèi)的文本是文本節(jié)點(diǎn)

　　每個(gè)HTML屬性是屬性節(jié)點(diǎn)

　　注釋是注釋節(jié)點(diǎn)

　　HTML DOM節(jié)點(diǎn)樹

　　HTML DOM將HTML文檔視作樹結(jié)構(gòu)。這種結(jié)構(gòu)被稱為節(jié)點(diǎn)樹：

　　HTML DOM Tree實(shí)例

　　通過HTML DOM，樹中的所有節(jié)點(diǎn)均可通過 JavaScript 進(jìn)行訪問。所有HTML元素(節(jié)點(diǎn))均可被修改，也可以創(chuàng)建或刪除節(jié)點(diǎn)。

　　節(jié)點(diǎn)父、子和同胞

　　節(jié)點(diǎn)樹中的節(jié)點(diǎn)彼此擁有層級(jí)關(guān)系。

　　父(parent)、子(child)和同胞(sibling)等術(shù)語用于描述這些關(guān)系。父節(jié)點(diǎn)擁有子節(jié)點(diǎn)。同級(jí)的子節(jié)點(diǎn)被稱為同胞(兄弟或姐妹)。

　　在節(jié)點(diǎn)樹中，頂端節(jié)點(diǎn)被稱為根(root)

　　每個(gè)節(jié)點(diǎn)都有父節(jié)點(diǎn)、除了根(它沒有父節(jié)點(diǎn))

　　一個(gè)節(jié)點(diǎn)可擁有任意數(shù)量的子

　　同胞是擁有相同父節(jié)點(diǎn)的節(jié)點(diǎn)

　　下面的圖片展示了節(jié)點(diǎn)樹的一部分，以及節(jié)點(diǎn)之間的關(guān)系：

　　請(qǐng)看下面的 HTML 片段：

　　

　　

　　

　　

　　

　　

DOM 第一課

　　

Hello world!

　　

　　

　　從上面的 HTML 中：

　　 節(jié)點(diǎn)沒有父節(jié)點(diǎn);它是根節(jié)點(diǎn)

　　 和  的父節(jié)點(diǎn)是  節(jié)點(diǎn)

　　文本節(jié)點(diǎn) "Hello world!" 的父節(jié)點(diǎn)是 

 節(jié)點(diǎn)

　　并且：

　　 節(jié)點(diǎn)擁有兩個(gè)子節(jié)點(diǎn)： 和 

　　 節(jié)點(diǎn)擁有一個(gè)子節(jié)點(diǎn)：，元素節(jié)點(diǎn)