欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

DOM的概念(1)-創(chuàng)新互聯(lián)

什么是DOM?

網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)!專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、重慶小程序開發(fā)公司、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了雙橋免費(fèi)建站歡迎大家使用!

  通過(guò) JavaScript,您可以重構(gòu)整個(gè)HTML文檔。您可以添加、移除、改變或重排頁(yè)面上的項(xiàng)目。要改變頁(yè)面的某個(gè)東西,JavaScript就需要對(duì)HTML文檔中所有元素進(jìn)行訪問(wèn)的入口。這個(gè)入口,連同對(duì)HTML 元素進(jìn)行添加、移動(dòng)、改變或移除的方法和屬性,都是通過(guò)文檔對(duì)象模型來(lái)獲得的(DOM)。在 1998 年,W3C 發(fā)布了第一級(jí)的 DOM 規(guī)范。

這個(gè)規(guī)范允許訪問(wèn)和操作 HTML 頁(yè)面中的每一個(gè)單獨(dú)的元素。所有的瀏覽器都執(zhí)行了這個(gè)標(biāo)準(zhǔn),因此,DOM 的兼容性問(wèn)題也幾乎難覓蹤影了。DOM 可被 JavaScript 用來(lái)讀取、改變 HTML、XHTML 以及 XML 文檔。

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

Core DOM              定義了一套標(biāo)準(zhǔn)的針對(duì)任何結(jié)構(gòu)化文檔的對(duì)象

 XML DOM              定義了一套標(biāo)準(zhǔn)的針對(duì) XML 文檔的對(duì)象

HTML DOM              定義了一套標(biāo)準(zhǔn)的針對(duì) HTML 文檔的對(duì)象。

節(jié)點(diǎn)

根據(jù) DOM,HTML 文檔中的每個(gè)成分都是一個(gè)節(jié)點(diǎn)。

 DOM 是這樣規(guī)定的:

  • 整個(gè)文檔是一個(gè)文檔節(jié)點(diǎn)
  • 每個(gè) HTML 標(biāo)簽是一個(gè)元素節(jié)點(diǎn)
  • 包含在 HTML 元素中的文本是文本節(jié)點(diǎn)
  • 每一個(gè) HTML 屬性是一個(gè)屬性節(jié)點(diǎn)
  • 注釋屬于注釋節(jié)點(diǎn)

Node 層次

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

      下面這個(gè)圖片表示一個(gè)文檔樹(節(jié)點(diǎn)樹):

      

文檔樹(節(jié)點(diǎn)數(shù))       請(qǐng)看下面這個(gè)HTML文檔:

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

      上面所有的節(jié)點(diǎn)彼此間都存在關(guān)系。除文檔節(jié)點(diǎn)之外的每個(gè)節(jié)點(diǎn)都有父節(jié)點(diǎn)。舉例,<head> 和 <body> 的父節(jié)點(diǎn)是 <html> 節(jié)點(diǎn),文本節(jié)點(diǎn) "Hello world!" 的父節(jié)點(diǎn)是 <p> 節(jié)點(diǎn)。大部分元素節(jié)點(diǎn)都有子節(jié)點(diǎn)。比方說(shuō),<head> 節(jié)點(diǎn)有一個(gè)子節(jié)點(diǎn):<title> 節(jié)點(diǎn)。<title> 節(jié)點(diǎn)也有一個(gè)子節(jié)點(diǎn):文本節(jié)點(diǎn) "DOM Tutorial"。當(dāng)節(jié)點(diǎn)分享同一個(gè)父節(jié)點(diǎn)時(shí),它們就是同輩(同級(jí)節(jié)點(diǎn))。比方說(shuō),<h1> 和 <p>是同輩,因?yàn)樗鼈兊母腹?jié)點(diǎn)均是 <body> 節(jié)點(diǎn)。節(jié)點(diǎn)也可以擁有后代,后代指某個(gè)節(jié)點(diǎn)的所有子節(jié)點(diǎn),或者這些子節(jié)點(diǎn)的子節(jié)點(diǎn),以此類推。比方說(shuō),所有的文本節(jié)點(diǎn)都是 <html>節(jié)點(diǎn)的后代,而第一個(gè)文本節(jié)點(diǎn)是 <head> 節(jié)點(diǎn)的后代。節(jié)點(diǎn)也可以擁有先輩。先輩是某個(gè)節(jié)點(diǎn)的父節(jié)點(diǎn),或者父節(jié)點(diǎn)的父節(jié)點(diǎn),以此類推。比方說(shuō),所有的文本節(jié)點(diǎn)都可把 <html> 節(jié)點(diǎn)作為先輩節(jié)點(diǎn)。

做做筆記,傳播知識(shí),我是個(gè)勤勞的搬運(yùn)工 1224144402@qq.com

當(dāng)前名稱:DOM的概念(1)-創(chuàng)新互聯(lián)
路徑分享:http://www.chinadenli.net/article12/dioggc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供用戶體驗(yàn)虛擬主機(jī)網(wǎng)站收錄云服務(wù)器網(wǎng)站改版定制開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名