根據ID通路HTML元素如下方法實作
document.getElementById(idVal):傳回文檔中id屬性值為idVal的HTML元素。
上面這個方法簡單易用，隻要被通路HTML元素具有唯一的id屬性，那麼javaScript腳本就可以友善地通路到該元素。
在設計良好的HTML頁面中，建議為頁面中的每個HTML元素都設定唯一的id屬性值；或者要求其他成員開發HTML頁面時盡量為每個元素設定唯一的id屬性值。
早起的很多HTML頁面并不是規範的HTML頁面，而且早期的很多頁面隻是簡單的靜态頁，不需要使用javaScript動态修改頁面内容，是以頁面中可能有些HTML元素沒有指定id屬性值，但現在不同了，現在可能經常需要動态修改HTML頁面内容，經常需要根據ID來通路HTML元素，是以建議為每個HTML元素指定唯一的id屬性值。
下面的頁面代碼示範了如何根據ID來通路HTML元素
根據ID通路HTML元素
HELLO
world
上面的頁面中定義了一個id為a的
元素、一個id為b的元素，頁面中還定義了一個簡單按鈕，當使用者單擊該按鈕時執行accessById()函數，該函數隻是彈出一個警告提示框，該提示框輸出元素的innderHTML屬性和元素的value屬性。
在浏覽器中浏覽該頁面，并單擊頁面中的“通路2個元素”按鈕，可以看到如圖所示警告框
可以看出，該警告框的内容正好是
元素和元素的“内容”。由此可以可見，使用document.getElementById()方法來通路HTML元素非常簡單。
可能有讀者感到奇怪，程式中為了通路
元素和元素的“内容”，為何一個用innerHTML屬性，另一個用value呢？這是因為DOM模型擴充了HTML元素，為幾乎所有的HTML元素都新增了innerHTML屬性，該屬性代表該元素的“内容”，當某個元素的開始标簽、結束标簽之間都是字元串内容時(不包含其他子元素)，javaScript子元素可通過它的innerHTML屬性傳回這些字元串内容。但例外，因為它是一個表單控件，它的開始标簽和結束标簽之間的内容是它的值，是以隻能通過value屬性來通路。不僅如此，還有元素所生成的表單控件，包括單行文本框、各種按鈕等，它們的可視化文本都由value屬性控制，是以也通過value來擷取它們的“内容”。除此之外的其他HTML元素，包括清單框、下拉菜單的清單項、表單域、按鈕，都應通過innerHTML來擷取它們的“内容”。