[TOC] >[info]通過 HTML DOM，可訪問 JavaScript HTML 文檔的所有元素。 當網頁被加載時，瀏覽器會創建頁面的文檔對象模型（Document Object Model）。 HTML DOM 模型被構造為對象的樹。  通過可編程的對象模型，JavaScript 獲得了足夠的能力來創建動態的 HTML。 1. JavaScript 能夠改變頁面中的所有 HTML 元素 2. JavaScript 能夠改變頁面中的所有 HTML 屬性 3. JavaScript 能夠改變頁面中的所有 CSS 樣式 4. JavaScript 能夠對頁面中的所有事件做出反應 ## DOM 對象屬性 <table class="dataintable"> <tbody> <tr> <th style="width:30%"> 屬性 </th> <th> 描述 </th> </tr> <tr> <td> body </td> <td> <p> 提供對 &lt;body&gt; 元素的直接訪問。 </p> <p> 對于定義了框架集的文檔，該屬性引用最外層的 &lt;frameset&gt;。 </p> </td> </tr> <tr> <td> <a> cookie </a> </td> <td> 設置或返回與當前文檔有關的所有 cookie。 </td> </tr> <tr> <td> <a> domain </a> </td> <td> 返回當前文檔的域名。 </td> </tr> <tr> <td> <a> lastModified </a> </td> <td> 返回文檔被最后修改的日期和時間。 </td> </tr> <tr> <td> <a> referrer </a> </td> <td> 返回載入當前文檔的文檔的 URL。 </td> </tr> <tr> <td> <a> title </a> </td> <td> 返回當前文檔的標題。 </td> </tr> <tr> <td> <a> URL </a> </td> <td> 返回當前文檔的 URL。 </td> </tr> </tbody> </table> ## DOM 對象方法 <table class="dataintable"> <tbody> <tr> <th style="width:30%"> 方法 </th> <th> 描述 </th> </tr> <tr> <td> <a> getElementById() </a> </td> <td> 返回對擁有指定 id 的第一個對象的引用。 </td> </tr> <tr> <td> <a> getElementsByName() </a> </td> <td> 返回帶有指定名稱的對象集合。 </td> </tr> <tr> <td class="no_wrap"> <a> getElementsByTagName() </a> </td> <td> 返回帶有指定標簽名的對象集合。 </td> </tr> <tr> <td class="no_wrap"> <a> getElementsByClassName() </a> </td> <td> 方法返回文檔中所有指定類名的元素集合 </td> </tr> </tbody> </table> >[danger]**作業：**結合定時器，寫一個活動倒計時。】