三、DOM節(jié)點(diǎn)。
細(xì)心些的朋友也許發(fā)現(xiàn)了，在上面寫的HTML代碼時用<>與</>包函起來的就是一個結(jié)點(diǎn)，事實上是這樣的嗎？答案是否定的。下面就是說說節(jié)點(diǎn)類型，否則在有的時候是會犯錯誤的。比如，你把上面的代碼放到Mozilla firefox的瀏覽器里運(yùn)行一下，就會知道了。
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就是屬于該類型。
（注：一個空格也就可能是一個文本結(jié)點(diǎn)）

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

四、DOM常用的API

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

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

最新評論