什么是Dom

Dom:英文全稱－Document Object Model 譯成中文即是：文檔對像模型．聽起來很術語，其實就是文檔內容的結構關系．文檔類型可以是HTML或XML
Dom具有對Html文件和XML文件元素的訪問控制能力，簡單點說利用Dom可以對某個html或xml文件添加，修改，刪除元素．更改其現有的結構或內容．
如果你未接觸過Dom，你會發現Dom太神奇了．．．不管你是菜鳥還是高手，在這個注重用戶體驗的web設計時代里，Dom是至關重要的. 如果你是一名有經驗的web設計者，你應該看到過或用過以下這些命令或方法 getElementById getElementsByTagName offsetParent appendChild getAttribute 　不過至今仍有人認為這些都是JavaScript中的東西，其實不然，這些全是Dom中很重要的方法！ 我保證web圈提供的dom手冊將是本世紀函蓋面最廣，涉及dom內容最全最詳細的．仔細閱讀吧年輕的程序員，相信他對你會有幫助！

Dom可以在網頁中做什么？

HTML Dom中最常用的幾個方法之查找元素

1. Dom之引用當前整個網頁文檔：document
2. Dom如何快速在網頁中查找某一元素：getElementById
3. Dom中查找一組標簽，具有相同名稱的標簽元素：getElementsByTagName
4. 根據標簽的Id屬性值或name屬性來查找多個元素：getElementsByName

1. 在網頁中的創建一個標簽元素：createElement
2. 創建一段文本內容：createTextNode
3. 向網頁中添加元素：appendChild
4. 刪除元素的Dom方法是：removeChild
5. 修改網頁中標簽元素的屬性：setAttribute
6. 替換已存在的標簽或元素：replaceChild
7. 復制克隆已存在的標簽或元素：cloneNode
8. 獲取和修改元素內的html標簽與文本內容：innerHTML
9. 獲取或修改元素的文本內容，僅支持IE：innerText
10. 獲取或修改元素的文本內容，支持FF：textContent

1. HTML Dom中的insertRow方法可以為表格增加一行
2. 刪除表格中一行的方法是：deleteRow
3. HTML Dom中的insertCell方法可以為表格某行中增加一列
4. 刪除行中的一列的方法是：deleteCell
5. HTML Dom中的createCaption方法可以為表格創建一個標題
6. HTML Dom中的createTHead方法可以為表格創建一個Thead
7. HTML Dom中的createTFoot方法可以為表格創建一個TFoot
8. 引用表格中所有行的屬性為：rows
9. 引用表格中某行的所有列：cells
10. 移動表格中的行，只支持IE：moveRow

1. 獲取父元素的指令是：parentNode
2. 獲取元素中第一個子元素：firstChild
3. 獲取元素中最后面的那個子元素：lastChild
4. 獲取元素中所有的子元素：childNodes
5. 獲取前一個兄弟元素：previousSibling
6. 獲取后一個兄弟元素

Dom手冊使用說明

你看到左側的列表內容,即是Dom手冊,你可以點擊他們來了解其詳細說明和用法.利用索引框可以快速的在Dom手冊列表中查找你想要的內容. Dom所有方法或屬性均為英文字母,所以不支持中文搜索.例如你可以嘗試輸入offsetTop或offsetLeft自動補全功能會讓你事半功倍.該手冊每頁顯示50條內容,您可以 使用分頁導航來查閱. 如果你在該Dom手冊中未找到你 想要的內容,請查看下面的Dom手冊完善計劃!

Dom手冊完善計劃

Web 圈致力于打造最全最詳細的 html手冊,css手冊,dom手冊,javascript手冊,xmlhttp手冊.這離不開您的支持與參與!高手必與眾同樂,分亨是 我們永恒的主題,所以不要吝嗇您的代碼.唯有分享,才能共同步,共同提高.如果您未在該Css手冊內容中,查找到您想要的內容.請參與我們的完善 計劃,或者您對該Dom手冊內容中解釋不到位的,也可以參與補充.我們非常樂意接收您的建議!參與手冊完善計劃

該Dom手冊的特點

web 圈提供的Dom在線手冊的特點有:每個Dom的方法或屬性的語法說明,實例演示讓您深刻理解每個Dom的方法或屬性,每個方法或屬性兼容的瀏覽器以及是否附合W3C標準．并且讓每個網友參與到其中,力求集思廣益.