多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

htmldom教程

HTML DOM 節點

閱讀 (2229)

HTML DOM 節點


在 HTML DOM 中,所有事物都是節點。DOM 是被視為節點樹的 HTML。


DOM Nodes

DOM 節點

根據 W3C 的 HTML DOM 標準,HTML 文檔中的所有內容都是節點:

  • 整個文檔是一個文檔節點
  • 每個 HTML 元素是元素節點
  • HTML 元素內的文本是文本節點
  • 每個 HTML 屬性是屬性節點
  • 注釋是注釋節點

HTML DOM 節點樹

HTML DOM 將 HTML 文檔視作樹結構。這種結構被稱為節點樹

HTML DOM 樹實例

DOM HTML tree


節點父、子和同胞

節點樹中的節點彼此擁有層級關系。

父(parent)、子(child)和同胞(sibling)等術語用于描述這些關系。父節點擁有子節點。同級的子節點被稱為同胞(兄弟或姐妹)。

  • 在節點樹中,頂端節點被稱為根(root)
  • 每個節點都有父節點、除了根(它沒有父節點)
  • 一個節點可擁有任意數量的子
  • 同胞是擁有相同父節點的節點

下面的圖片展示了節點樹的一部分,以及節點之間的關系:

Node tree

請看下面的 HTML 片段:

<html>
??<head>
????<title>DOM Tutorial</title>
??</head>
??<body>
????<h1>DOM Lesson one</h1>
????<p>Hello world!</p>
??</body>
</html>

從上面的 HTML 中:

  • <html> 節點沒有父節點;它是根節點
  • <head> 和 <body> 的父節點是 <html> 節點
  • 文本節點 "Hello world!" 的父節點是 <p> 節點

并且:

  • <html> 節點擁有兩個子節點:<head> 和 <body>
  • <head> 節點擁有一個子節點:<title> 節點
  • <title> 節點也擁有一個子節點:文本節點 "DOM 教程"
  • <h1> 和 <p> 節點是同胞節點,同時也是 <body> 的子節點

并且:

  • <head> 元素是 <html> 元素的首個子節點
  • <body> 元素是 <html> 元素的最后一個子節點
  • <h1> 元素是 <body> 元素的首個子節點
  • <p> 元素是 <body> 元素的最后一個子節點

警告!

DOM 處理中的常見錯誤是希望元素節點包含文本。

在本例中:<title>DOM 教程</title>,元素節點 <title>,包含值為 "DOM 教程" 的文本節點

可通過節點的 innerHTML 屬性來訪問文本節點的值。

您將在稍后的章節中學習更多有關 innerHTML 屬性的知識。

關閉
程序員人生
主站蜘蛛池模板: 免费网站在线视频美女被 | 欧美2区| 性欧美高清久久久久久久 | 9191免费视频观看高清 | 亚洲精品国产第一区二区图片 | 日本护士色xxxxx视频 | 波多结衣一区二区三区 | 日本一区二区三区不卡视频中文字幕 | 美女啪啪免费网站 | 亚洲小说图片区 | 日本特黄特色大片免费播放视频 | 欧美综合在线播放 | 亚洲日韩中文字幕在线播放 | 波多野结衣在线观看一区 | 国产一区二区三区久久 | 亚洲精品高清中文字幕 | 日本综合在线观看 | 波多野结衣在线观看网址 | tubexxxx做受88欧美 | 亚洲在线网 | 久久精品在线 | 亚洲最大色图 | 最近新中文字幕大全高清视频 | 最近中文免费字幕6 | 欧美一二区 | 九一精品国产 | 亚洲精品一区二区三区五区 | 国产成人永久免费视 | 亚洲最大福利视频 | 午夜视频在线播放 | 中文字幕在线精品 | 亚洲精品国产一区二区图片欧美 | 亚洲第二区 | 国产欧美日韩高清专区手机版 | 一级精品视频 | 欧美精品久久久亚洲 | 午夜爱爱免费视频 | 亚洲一区第一页 | 日本亚洲精品成人 | 超刺激福利丝袜网站 | 亚洲国产精品看片在线观看 |