原則上我們可以將一個 HTML 文件或 XML 文件都看成一種 DOM，每個文件內的標籤都看成是 DOM 的元素或是節點，我們就可以透過能夠與 W3C DOM 溝通的 Script 來存取或修改這些元素（element）與節點（node），例如 JavaScript 就是個很好用的 Script。
透過 JavaScript 與 DOM 溝通
原則上 JavaScript 與 DOM 的溝通方式可以透過 Document 的方式進行，舉例來說我們可以透過 document.write 將字串寫入網頁中，也可以透過 document.getElementById 取得網頁中特定的 ID 值，其中 document 是文件的意思，Element 是元素，而 ById 則是透過文件中的 Id 來判斷元素，JavaScript 有提供三種方法，讓我們取得一份 DOM 文件中的元素，請看此表。
| Script | 定義 |
| document.getElementById | 查詢文件中標示的特定 id 值，返回特定值 |
| document.getElementsByName | 查詢文件中標示的特定 name 值，返回 JavaScript Array 陣列 |
| document.getElementsByTagName | 查詢文件中標示的特定 name 值，返回 JavaScript Array 陣列 |
更多透過 Document 與 HTML 物件溝通方式請參閱：JavaScript Document。
透過 JavaScript 與 DOM API 溝通範例
<script language="javascript">
function GetValue(){
alert(document.getElementById("Test").value);
}
</script>
<input type="text" id="Test"><input type="button" value="讀取結果" onclick="GetValue()">
以上範例輸出結果如function GetValue(){
alert(document.getElementById("Test").value);
}
</script>
<input type="text" id="Test"><input type="button" value="讀取結果" onclick="GetValue()">
延伸閱讀