通過JavaScript，您可以重構整個HTML文檔。您可以添加、移除、改變或重排頁面上的項目。要改變頁面的某個東西，JavaScript就需要對HTML文檔中所有元素進行訪問的入口。這個入口，連同對HTML 元素進行添加、移動、改變或移除的方法和屬性，都是通過文檔對像模型來獲得的（DOM）。在1998 年，W3C 發布了第一級的DOM 規範。這個規範允許訪問和操作HTML 頁面中的每一個單獨的元素。所有的瀏覽器都執行了這個標準，因此，DOM 的兼容性問題也幾乎難覓踪影了。 DOM 可被JavaScript 用來讀取、改變HTML、XHTML 以及XML 文檔。
DOM 被分為不同的部分（核心、XML及HTML）和級別（DOM Level 1/2/3）：Core DOM
定義了一套標準的針對任何結構化文檔的對象
XML DOM
定義了一套標準的針對XML 文檔的對象
HTML DOM
定義了一套標準的針對HTML 文檔的對象。
節點根據DOM，HTML 文檔中的每個成分都是一個節點。
DOM 是這樣規定的：
節點彼此都有等級關係。 HTML 文檔中的所有節點組成了一個文檔樹（或節點樹）。 HTML 文檔中的每個元素、屬性、文本等都代表著樹中的一個節點。樹起始於文檔節點，並由此繼續伸出枝條，直到處於這棵樹最低級別的所有文本節點為止。
下面這個圖片表示一個文檔樹（節點樹）：
文檔樹（節點數）請看下面這個HTML文檔：
html;"><html> <head> <title>DOM Tutorial</title> </head> <body> <h1>DOM Lesson one</h1> <p>Hello world!</p> </body> </html>
上面所有的節點彼此間都存在關係。除文檔節點之外的每個節點都有父節點。舉例，<head> 和<body> 的父節點是<html> 節點，文本節點Hello world! 的父節點是<p> 節點。大部分元素節點都有子節點。比方說，<head> 節點有一個子節點：<title> 節點。 <title> 節點也有一個子節點：文本節點DOM Tutorial。當節點分享同一個父節點時，它們就是同輩（同級節點）。比方說，<h1> 和<p>是同輩，因為它們的父節點均是<body> 節點。節點也可以擁有後代，後代指某個節點的所有子節點，或者這些子節點的子節點，以此類推。比方說，所有的文本節點都是<html>節點的後代，而第一個文本節點是<head> 節點的後代。節點也可以擁有先輩。先輩是某個節點的父節點，或者父節點的父節點，以此類推。比方說，所有的文本節點都可把<html> 節點作為先輩節點。