DOM文檔對(duì)象模型是HTML和XML的應(yīng)用程序接口（API），DOM將整個(gè)頁面規(guī)劃成由節(jié)點(diǎn)層次構(gòu)成的文檔。DOM對(duì)象給予開發(fā)者對(duì)HTML的訪問權(quán)限，并且使開發(fā)者能將HTML作為XML文檔來處理和查看。DOM對(duì)象是與語言無關(guān)的API，意味著它的實(shí)現(xiàn)并不是與javascript綁定，這在于初學(xué)者來說可能會(huì)理解錯(cuò)誤。DOM是針對(duì)XML的基于樹的API，它關(guān)注的不僅僅是解析XML代碼，而是用一系列相互關(guān)聯(lián)的對(duì)象來表示這些代碼，而這些對(duì)象可以被修改，而且無需重新解析代碼就能直接訪問它們。由于DOM的使用上的簡(jiǎn)便，因此它成為了Web瀏覽器和javascript最喜歡的方法。document對(duì)象是BOM的對(duì)象，即window.document==document，但是它又同時(shí)屬于DOM，也是HTML DOM的HTMLDocument對(duì)象的一種表現(xiàn)形式，反過來說它也是XML DOM Document對(duì)象。

JavaScript中的大部分處理DOM的過程都是利用document對(duì)象。

要訪問html元素，可以利用document的documentElement特性：

var oHtml=document.documentElement;

oHtml對(duì)象包含一個(gè)表示<html/>的HTMLElement對(duì)象，通過：

var oHead=oHtml.firstChild；

var oBody=oHtml.lastChild；

可以得到分別表示<head/>和<body/>的對(duì)象，也可以通過使用childNodes特性來完成：

var oHead=oHtml.childNodes[0]；//將childNodes當(dāng)做Array來使用；

var oBody=oHtml.childNodes[1]；//將childNodes當(dāng)做Array來使用；

上述表達(dá)可以使用更加正規(guī)的表達(dá)方式，那就是shiyongitem()方法：

var oHead=oHtml.childNodes.item(0);

var oBody=oHtml.childNodes.item(1);

其實(shí)在HTML頁DOM對(duì)象定義了document.body作為指向<body/>元素的指針，即

oBody = document.body;

但是document.head卻沒有定義，它的返回值是undefined；

最新評(píng)論