JavaScript HTML DOM

DOM樹
網頁被加載時，瀏覽器會建立頁面的文檔對象模型（Document Object Model）

經過可編程的對象模型，JavaScript 得到了足夠的能力來建立動態的 HTML。
JavaScript 可以改變頁面中的全部 HTML 元素
JavaScript 可以改變頁面中的全部 HTML 屬性
JavaScript 可以改變頁面中的全部 CSS 樣式
JavaScript 可以對頁面中的全部事件作出反應
操做HTML元素，有三種方法：
經過 id 找到 HTML 元素 //getElementById("intro")
經過標籤名找到 HTML 元素 //getElementsByTagName("p")
經過類名找到 HTML 元素
HTML DOM 容許 JavaScript 改變 HTML 元素的內容。
在 JavaScript 中，document.write() 可用於直接向 HTML 輸出流寫內容。
修改 HTML 內容的最簡單的方法時使用 innerHTML 屬性。
document.getElementById(id).innerHTML=new HTML;
改變 HTML 屬性
// document.getElementById("image").src="landscape.jpg";
操做方法.須要更改的屬性=new value;
改變 HTML 樣式
document.getElementById(id).style.property=new style
// document.getElementById("p2").style.color="blue";