三、DOM節(jié)點(diǎn)。
細(xì)心些的朋友也許發(fā)現(xiàn)了，在上面寫的HTML代碼時(shí)用<>與</>包函起來的就是一個(gè)結(jié)點(diǎn)，事實(shí)上是這樣的嗎？答案是否定的。下面就是說說節(jié)點(diǎn)類型，否則在有的時(shí)候是會(huì)犯錯(cuò)誤的。比如，你把上面的代碼放到Mozilla firefox的瀏覽器里運(yùn)行一下，就會(huì)知道了。
DOM中的結(jié)點(diǎn)類型比較多，這里寫一些在HTML文檔中（注：XML也是DOM樹結(jié)構(gòu)）常見的幾種結(jié)點(diǎn)類型。

1、DOCUMENT_NODE
（document）文檔根結(jié)點(diǎn)類型，該枚舉型的值是9.

2、ELEMENT_NODE
（element）元素結(jié)點(diǎn)類型，該枚舉型的值是1。上文中的html, body, div這些結(jié)點(diǎn)都是屬于該類型。

3、TEXT_NODE
（text）文本結(jié)點(diǎn)類型，該枚舉型的值是3。上文中的文本，如：tutorial of DHTML and javascript programming就是屬于該類型。
（注：一個(gè)空格也就可能是一個(gè)文本結(jié)點(diǎn)）

通常更需要注意的是文本結(jié)點(diǎn)，有可能一個(gè)回車，一個(gè)空格都是文本結(jié)點(diǎn)。這一點(diǎn)以后會(huì)碰到，當(dāng)然，我們也有辦法處理，這里先不要急，以后也會(huì)說到的。

四、DOM常用的API

這些常用的API是要記下來的，當(dāng)然在非IE的瀏覽器里也會(huì)有效，是符合w3c的。這些API在以后的編程中會(huì)常常用到。正如每個(gè)編程平臺(tái)所提供的API一樣，常用必須記下來，節(jié)省時(shí)間從而提高編程效率。只寫幾個(gè)最常用的，其它的API會(huì)在以后的示例中寫出。由淺而深，從易到難嘛。

1、獲取ELEMENT_NODE，元素節(jié)點(diǎn)
  1)、方法：document.getElementById(元素的Id)，返回值為元素的節(jié)點(diǎn)引用。可以假想一下這個(gè)API的原理：象我們上面所做的是遍歷每個(gè)節(jié)點(diǎn)（從根到我們所需結(jié)點(diǎn)），這個(gè)API，也可以想成是從根遍歷，查詢每個(gè)結(jié)點(diǎn)（空白結(jié)點(diǎn)和空結(jié)點(diǎn)除外），并獲取該結(jié)點(diǎn)的id是否為指定的ID，如果是的話，就返回這個(gè)結(jié)點(diǎn)（注：在JS中，數(shù)組和對(duì)象是引用類型），如果沒有就返回空。我們可以寫寫這個(gè)代碼，幫助我們理解document.getElementById。下面是一個(gè)簡(jiǎn)單遍歷BODY中元素的示例。

最新評(píng)論