javaScript HTML DOM
HTML DOM（文档对象模型）
当网页被加载时，浏览器会创建页面的文档对象模型
查找HTML元素
通过id找到HTML元素：例如：
document.getElementById("intro");
通过标签名找到HTML元素：例如：
document.getElementsByTagName("p");
通过类名找到HTML元素:例如：
document.getElementsByClassName("intro");
改变HTML输出流
document.write()
改变HTML内容
document.getElementById("p").innerHTML="新的code";
改变HTML属性
document.getElementById("p").attribute=新属性值
例如：修改image中src属性
document.getElementById("image").src="lan.jpg";
改变HTML样式
document.getElementById("p").style.property=新样式；
例如：修改p2中的颜色
document.getElementById("P2").style.color="blue";
使用事件
<button type="button" onclick="document.getElementById("id1").style.color='red'">
对事件做出反应
例如：当用户在HTML元素上点击时，需要在用户点击某个元素时执行代码
<h1 onclick="this.innerHTML="javaScript"">点击问文本</h1>
HTML事件属性
<button onclick="displayDate()">点这里</button>
使用HTML DOM来分配事件
document.getElementById("myBtn").onclick=function(){
dispalyDate();
};
onload和onunload事件
onload和onunload事件会在用户进入或离开页面时被触发。
onload事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。
onload和onunload事件用于处理cookie
onchange事件
<input type="text" id="fname" onchange="upcase()"/>
onmouseover和onmouseout事件
onmouseover和onmouseout事件可用于在用户的鼠标移至HTML元素上方或移出元素时触发的函数
<button type="button" onclick="document.getElementById('aa').style.color='red'">button</button>
onmousedown、onmouseup事件
