Html Dom是什麼？Html Dom能夠在網頁中做什麼？

轉自：http://www.web666.net/dom

什麼是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中很重要的方法！

 

Dom可以在網頁中做什麼？

---

HTML Dom中最常用的幾個方法

1. Dom之引用當前整個網頁文檔：document
2. Dom如何快速在網頁中查找某一元素：getElementById

Dom中創建，添加，刪除，修改，替換，複製，網頁中的標籤和文本內容的方法如下．

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

HTML Dom中還專門提供了一組接口用來操作網頁中的表格Table元素

1. HTML Dom中的insertRow方法可以爲表格增加一行
2. HTML Dom中的insertCell方法可以爲表格某行中增加一列
3. HTML Dom中的createCaption方法可以爲表格創建一個標題
4. HTML Dom中的createTHead方法可以爲表格創建一個Thead
5. HTML Dom中的createTFoot方法可以爲表格創建一個TFoot
6. 引用表格中所有行的屬性爲：rows
7. 引用表格中所有列或者某行的所有列