在
上一篇文章中，主要学习了JavaScript中的几种继承方式。这篇文章我们主要学习DOM的相关知识。
什么是的DOM？DOM是 Document Object Model首字母的缩写。翻译过来就是文档对象模型。
DOM
那么，JavaScript 能够改变页面中的所有 HTML 元素、 能够改变页面中的所有 HTML 属性、 能够改变页面中的所有 CSS 样式 、能够对页面中的所有事件做出反应。
既然JavaScript能够改变这么多元素，那么首先应该是找到这些控件然后在去修改赋值（就跟Android一样，必须先根据资源Id找到这个控件）。通常，JavaScript有以下三种方式去寻找元素：
A：通过 id 找到 HTML 元素
var data = document.getElementById("infoId") ; 其中infoId就是元素的id ,如果找到该元素，则该方法将以对象（在 data变量 中）的形式返回该元素；如果未找到该元素，则 data 为 null。
B：通过标签名找到 HTML 元素
标签寻找元素 - 1
首先，这个绿色矩形的函数具体的逻辑如下图，这个button标签表达的是一个按钮，这里的P标签代表的是段落，这里的div简单理解就是一个块级结构
标签寻找元素 - 2
C：通过类名找到 HTML 元素：
var x=document.getElementsByClassName("className");
Ps：通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。
DOM：通过JavaScript改变 HTMLA：document.write() 可用于直接向 HTML 输出流写内容（绝对不要在文档加载完成之后使用 document.write()。这会覆盖该文档。）
B：修改 HTML 内容的最简单的方法时使用 innerHTML 属性
。如需改变 HTML 元素的内容，请使用这个语法：
document.getElementById(id).innerHTML = 新的 HTML
C：改变 HTML 属性。如需改变 HTML 元素的属性，请使用这个语法：
document.getElementById(id).attribute = 属性值
D：插入新的DOM，一个是使用 appendChild，把一个子节点添加到父节点的最后一个子节点
比如我现在要把上面红色矩形内容添加到箭头指向的上面，可以这样做：
添加 - 1
添加 - 2
DOM：通过JavaScript改变 CSS改变 HTML 样式，
如需改变 HTML 元素的样式，可以使用这个语法：
document.getElementById(id).style.property = 新样式
DOM：通过JavaScript改变 事件HTML 事件的例子：当用户点击鼠标时、网页已加载时、图像已加载时、鼠标移动到元素上时、输入字段被改变时等等。最常用的点击事件就是onClick，按钮点击因为是最常用的事件
onload 和 onunload 事件会在用户进入或离开页面时被触发。
onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本、onload 和 onunload 事件可用于处理 cookie。
onchange 事件常结合对输入字段的验证来使用。
onmouseover 和 onmouseout 事件可用于在用户的鼠标移至 HTML 元素上方或移出元素时触发函数。
onmousedown, onmouseup 以及 onclick 构成了鼠标点击事件的所有部分。首先当点击鼠标按钮时，会触发 onmousedown 事件，当释放鼠标按钮时，会触发 onmouseup 事件，最后，当完成鼠标点击时，会触发 onclick 事件。
本篇文章主要学习的是关于Dom的基本介绍使用。本章的基本内容就结束了。
如果这篇文章对你有帮助，希望各位看官留下宝贵的star，谢谢。
Ps:著作权归作者所有,转载请注明作者, 商业转载请联系作者获得授权，非商业转载请注明出处(开头或结尾请添加转载出处，添加原文url地址),文章请勿滥用,也希望大家尊重笔者的劳动成果。