HTML DOM
通過 HTML DOM，可訪問 JavaScript HTML 文檔的所有元素。
HTML DOM (文檔對象模型)
當(dāng)網(wǎng)頁被加載時(shí)，瀏覽器會創(chuàng)建頁面的文檔對象模型（Document Object Model）。
HTML DOM 模型被構(gòu)造為對象的樹：
通過可編程的對象模型，JavaScript 獲得了足夠的能力來創(chuàng)建動態(tài)的 HTML。
JavaScript 能夠改變頁面中的所有 HTML 元素
JavaScript 能夠改變頁面中的所有 HTML 屬性
JavaScript 能夠改變頁面中的所有 CSS 樣式
JavaScript 能夠?qū)撁嬷械乃惺录龀龇磻?yīng)
DOM Tree
DOM 表示文檔為樹形結(jié)構(gòu)。
HTML 元素成為樹中的相關(guān)節(jié)點(diǎn)。
樹中的所有節(jié)點(diǎn)之間都有某種關(guān)系。
節(jié)點(diǎn)可以有子節(jié)點(diǎn)。擁有同一父節(jié)點(diǎn)的節(jié)點(diǎn)稱為兄弟節(jié)點(diǎn)。
例如，考慮以下結(jié)構(gòu)：
<html>有兩個(gè)子節(jié)點(diǎn)（<head>，<body>）;
<head>有一個(gè)子節(jié)點(diǎn)（<title>）和一個(gè)父節(jié)點(diǎn)（<html>）;
<title>有一個(gè)父節(jié)點(diǎn)（<head>），沒有子節(jié)點(diǎn);
<body>有兩個(gè)子節(jié)點(diǎn)（<h1>和<a>）和一個(gè)父節(jié)點(diǎn)（<html>）;
提示: 了解HTML文檔中的元素之間的關(guān)系是很重要的，以便能夠使用JavaScript來操作它們。
document 對象
JavaScript中有一個(gè)預(yù)定義的文檔對象，可用于訪問DOM上的所有元素。
換句話說，文檔對象是網(wǎng)頁中所有對象的所有者（或根）。
因此，如果要訪問HTML頁面中的對象，則始終始終訪問 document 對象。
例如:
document.body.innerHTML = "Some text";
由于 body 是 DOM 的元素，因此我們可以使用 document 對象訪問它并更改 innerHTML 屬性的內(nèi)容。
