国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML DOM簡介_動力節點Java學院整理

2024-08-26 00:19:35
字體:
來源:轉載
供稿:網友

什么是DOM?

通過JavaScript,您可以重構整個HTML文檔。您可以添加、移除、改變或重排頁面上的項目。要改變頁面的某個東西,JavaScript就需要對HTML文檔中所有元素進行訪問的入口。這個入口,連同對HTML 元素進行添加、移動、改變或移除的方法和屬性,都是通過文檔對象模型來獲得的(DOM)。在 1998 年,W3C 發布了第一級的 DOM 規范。這個規范允許訪問和操作 HTML 頁面中的每一個單獨的元素。所有的瀏覽器都執行了這個標準,因此,DOM 的兼容性問題也幾乎難覓蹤影了。DOM 可被 JavaScript 用來讀取、改變 HTML、XHTML 以及 XML 文檔。

DOM 被分為不同的部分(核心、XML及HTML)和級別(DOM Level 1/2/3):

Core DOM

定義了一套標準的針對任何結構化文檔的對象

XML DOM

定義了一套標準的針對 XML 文檔的對象

HTML DOM

定義了一套標準的針對 HTML 文檔的對象。

節點

根據 DOM,HTML 文檔中的每個成分都是一個節點。

DOM 是這樣規定的:

  • ?整個文檔是一個文檔節點
  • ?每個 HTML 標簽是一個元素節點
  • ?包含在 HTML 元素中的文本是文本節點
  • ?每一個 HTML 屬性是一個屬性節點
  • ?注釋屬于注釋節點

Node 層次

節點彼此都有等級關系。HTML 文檔中的所有節點組成了一個文檔樹(或節點樹)。HTML 文檔中的每個元素、屬性、文本等都代表著樹中的一個節點。樹起始于文檔節點,并由此繼續伸出枝條,直到處于這棵樹最低級別的所有文本節點為止。

下面這個圖片表示一個文檔樹(節點樹):

html,dom是什么,dom

文檔樹(節點數)

請看下面這個HTML文檔:

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

上面所有的節點彼此間都存在關系。除文檔節點之外的每個節點都有父節點。舉例,<head> 和 <body> 的父節點是 <html> 節點,文本節點 "Hello world!" 的父節點是 <p> 節點。大部分元素節點都有子節點。比方說,<head> 節點有一個子節點:<title> 節點。<title> 節點也有一個子節點:文本節點 "DOM Tutorial"。當節點分享同一個父節點時,它們就是同輩(同級節點)。比方說,<h1> 和 <p>是同輩,因為它們的父節點均是 <body> 節點。節點也可以擁有后代,后代指某個節點的所有子節點,或者這些子節點的子節點,以此類推。比方說,所有的文本節點都是 <html>節點的后代,而第一個文本節點是 <head> 節點的后代。節點也可以擁有先輩。先輩是某個節點的父節點,或者父節點的父節點,以此類推。比方說,所有的文本節點都可把 <html> 節點作為先輩節點。


注:相關教程知識閱讀請移步到HTML教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 措美县| 吴忠市| 姜堰市| 奈曼旗| 翼城县| 五大连池市| 浙江省| 青田县| 惠水县| 张家口市| 潢川县| 福海县| 凌海市| 杭州市| 卢龙县| 梁平县| 义马市| 启东市| 富川| 镇坪县| 南丹县| 霍山县| 卫辉市| 勐海县| 鄂托克前旗| 额尔古纳市| 滁州市| 讷河市| 高邮市| 永安市| 花莲市| 呼图壁县| 额尔古纳市| 项城市| 高唐县| 酉阳| 沙湾县| 佛学| 宁海县| 秭归县| 南汇区|