DOM基础整理 - 2

1 输出流

document.write();

2 改变HTML内容

document.getElementById("p1").innerHTML = "";

3 改变HTML属性

document.getElementById(id).attribute = new value;

For example:

document.getElementById("image").src = "landscape.jpg";

4 改变HTML样式

document.getElementById(id).style.property = new style;

For example：

document.getElementById(id).style.color = "blue";

5 onload 和 onunload 事件。

(1) onload 和 onunload 事件会在用户进入或退出页面时触发。

(2) onload 事件可用于检测访问者浏览器类型和浏览器版本，并基于这些信息加载网页的正确版本。

(3) onload 和 onunload 事件可用于处理cookie。

(4) 用于获取当前浏览器是否启用cookie通过navigator.cookieEnabled。

6 onchange事件

用于对输入字段的验证。

7 onmouseover 和 onmouseout事件

用于在用户的的鼠标移至 HTML 元素上方或移出元素时触发函数。For example：

把鼠标移到上面

function mOver(obj)

{

obj.innerHTML="谢谢"

}

function mOut(obj)

{

obj.innerHTML="把鼠标移到上面"

}

8 onmousedown onmouseup以及on click事件

构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。For example:

请点击这里

function mDown(obj)

{

obj.style.backgroundColor="#1ec5e5";

obj.innerHTML="请释放鼠标按钮"

}

function mUp(obj)

{

obj.style.backgroundColor="green";

obj.innerHTML="请按下鼠标按钮"

}