JavaScript HTML DOM学习笔记

通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。
查找 HTML 元素

通过 id 找到 HTML 元素，通过标签名找到 HTML 元素，通过类名找到 HTML 元素。

改变 HTML元素

改变 HTML 输出流：在 JavaScript 中，document.write() 可用于直接向 HTML 输出流写内容。绝不要使用在文档加载之后使用 document.write()，这会覆盖该文档。
改变 HTML 内容：修改 HTML 内容的最简单的方法是使用 innerHTML 属性。
改变 HTML 属性：document.getElementById(id).attribute=new value。

改变 HTML 样式：document.getElementById(id).style.property=new style。

JavaScript HTML DOM 事件

如需向 HTML 元素分配事件，您可以使用事件属性。
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。

onload 和 onunload 事件会在用户进入或离开页面时被触发。onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。onload 和 onunload 事件可用于处理 cookie。

onchange 事件常结合对输入字段的验证来使用。

onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。