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";