日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

你對HTML DOM樹的概念是否了解， 這里和大家分享一下，DOM是文檔對象模型(Document Object Model），是基于瀏覽器編程的一套API接口，W3C出臺的推薦標(biāo)準(zhǔn)，每個(gè)瀏覽器都有一些細(xì)微的差別，單純的 Javascript要結(jié)合DOM才能做DHTML編程，才能做出漂亮的效果、應(yīng)用于WEB。因此，必須要對DOM有一定的認(rèn)識，才能把Javascript應(yīng)用于WEB，或你的RIA應(yīng)用當(dāng)中，因?yàn)?DHTML本質(zhì)上就是操作DOM樹。

創(chuàng)新互聯(lián)是網(wǎng)站建設(shè)技術(shù)企業(yè)，為成都企業(yè)提供專業(yè)的網(wǎng)站建設(shè)、網(wǎng)站制作，網(wǎng)站設(shè)計(jì)，網(wǎng)站制作，網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。十年品質(zhì)，值得信賴！

DOM樹

DOM樹的根統(tǒng)一為文檔根—document，DOM既然是樹狀結(jié)構(gòu)，那么他們自然有如下的幾種關(guān)系:

◆根結(jié)點(diǎn)(document)

◆父結(jié)點(diǎn)(parentNode)

◆子結(jié)點(diǎn)(childNodes)

兄弟結(jié)點(diǎn)兄弟結(jié)點(diǎn)

(sibling)(sibling)
例子：

假設(shè)網(wǎng)頁的HTML如下

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
tutorialofDHTMLandjavascriptprogramming
 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

 我們參照樹的概念，畫出該HTML文檔結(jié)構(gòu)的DOM樹：

                  html
           body       head
       divt               itle
     文本                     文本

從上面的圖示可以看出html有兩個(gè)子結(jié)點(diǎn)，而html就是這兩個(gè)子節(jié)點(diǎn)的父結(jié)點(diǎn)，head有節(jié)點(diǎn)title，title下有一個(gè)文本節(jié)點(diǎn)，doby下有節(jié)點(diǎn)div，div下有一個(gè)文本節(jié)點(diǎn)。

操作DOM樹

開篇已經(jīng)說過，DHTML本質(zhì)就是操作DOM樹。如何操作它呢？假設(shè)我要改變上面HTML文檔中div結(jié)點(diǎn)的文本，如何做？

示例代碼：

 
 
 

  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
 
  
  
  
tutorialofDHTMLandjavascriptprogramming
 
  
  
  
  
  
  
type="button"value="change"/> 
  
  
  
 
  
  
  
 
  
  
  
 
 
 
 

 從上面的示例可以看出，我們可以用上面的這種方法操作DOM樹上的任一節(jié)點(diǎn)。

注：

1.跨域除外，跨域通常是在操作frame上，簡單的說，就是兩個(gè)frame不屬于同一域名。

2.上面的操作為了演示，采用的方法是從根結(jié)點(diǎn)一直到文本結(jié)點(diǎn)的遍歷，在DOM方法上，有更簡潔的方法，這些以后會有更多示例加以說明。

分享題目：深入學(xué)習(xí)HtmlDOM樹的操作
當(dāng)前網(wǎng)址：http://www.5511xx.com/article/copocgo.html