DOM

DOM:Document object Model 文本对象模型

DOM是Document Object Model的缩写，是文档对象模型的意思，是个模型，可以方便用javascript代码去操作

什么是 DOM？
通过 JavaScript，您可以重构整个 HTML 文档。
您可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西，JavaScript 就需要对 HTML 文档中所有元素进行访问的入口。这个入口，连同对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。

Document对象：
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

Document对象方法：
1.close() 关闭用document.open()方法打开的输出流，并显示选定的数据。
2.getElementById() 返回对拥有指定id的第一个对象的引用；
3.getElementsByName() 返回带有指定名称的对象集合；
4.getElementsByTagName() 返回带有指定标签的对象集合；

dom创建节点:被创建的节点不会自动追加到文档树当中.
//创建一个结点
document.createElement(节点类型)
var div = document.createElement('div');
var table=document.createElement("table");
//添加节点
document.body.appendChild(节点);
//插入节点
document.body.insertBefore(新节点，下一个节点)
//删除节点
document.body.removeChild():删除子节点

document.body.remove():将自己本身删除[包括子节点]

document.body.childNodes():获取子节点数组
//替换节点
document.body.replaceChild(新节点，旧节点)；

注意:boby的第一个子节点是文本节点

* 常用事件
*
* onchange 事件会在域的内容改变时发生。
* onclick 事件会在对象被点击时发生。
* onfocus 事件在对象获得焦点时发生。
* onload 事件会在页面或图像加载完成后立即发生
* onmousedown 事件会在鼠标按键被按下时发生。
* onmousemove 事件会在鼠标指针移动时发生。
* onmouseout 事件会在鼠标指针移出指定的对象时发生。
* onmouseover 事件会在鼠标指针移动到指定的对象上时发生。
* onsubmit 事件会在表单中的确认按钮被点击时发生。
*/