1。简介
文档对象模型（DOM）是用于处理可扩展标记语言，由W3C组织推荐的标准编程接口，文档对象模型的历史可以追溯到微软和网景之间的浏览器大战在上世纪90年代末。为了赢得Javaｓｃｒｉｐｔ和Jｓｃｒｉｐｔ的死亡，双方给浏览器在一个大的规模强大的功能。微软已经增加了很多独家的东西的网页技术，包括VBｓｃｒｉｐｔ、ActiveX和微软自己的DHTML格式。许多网页不能通过非微软平台和浏览器来显示。
DOM（文档对象模型）的应用程序接口（API）的HTML和XML.DOM将计划整个页面作为一个由一个节点的文档。
所谓文档对象模型实际上是HTML页面中各种元素（如头部、段落、列表、样式、ID等）的内部表示，所有元素都可以通过DOM访问。
最后，Javaｓｃｒｉｐｔ操作HTML页面和HTML DHTML和DOM操作，使用HTML pages.dom模拟的HTML页面为对象。如果Javaｓｃｒｉｐｔ只是执行一些计算、循环和其他操作，并且它不能操作HTML，那么它将失去它的意义。
DOM是HTML页面的模型。每个标记都作为对象。通过编程DOM中的属性和方法，Javaｓｃｒｉｐｔ可以编程和控制网页中的文本框、图层和其他元素，例如，通过操纵文本框中的DOM对象，您可以读取文本框中的值并在文本框中设置值。
2。插图
窗口或窗口整个页面是一个窗口对象---------------窗口是顶层对象
页面中定义的变量和方法都是窗口。
window.id
Document.getElementById（）
当使用窗口对象的属性和方法时，可以省略窗口。
例如:
Window.alert（你好）；
它可以略为警觉（你好）；
window.document可以直接写文件
不要在不写的情况下写窗口，这会减少js文件中的字节数。
复制代码代码如下所示：
Window.alert（每个人！）；弹出警告对话框
Window.confirm（你想删除它吗）；返回对话框，返回true或false；
window.navigate（URL）； / /网页浏览的网址，支持IE，opera11.6.not推荐，一些浏览器不，
推荐使用窗口。位置。href =网址； / /大多数浏览器支持
DOM元素的动态操作
1。让DOM
GetElementById（），（经常使用），得到基于元素的id的对象，并在网络ID不能重复。你也可以引用元素直接通过元素的ID，但有一个有效范围，
GetElementsByName（），根据对象名称，对象，因为页面中的元素的名称可以重复，例如，多个单选按钮的名称，所以getelementsbyname返回对象数组。
GetElementsByTagName（），元素，获得指定标签名称的数组，如getElementsByTagName（输入），可以得到所有的标签。*代表所有的标签
2。添加、删除、替换
段只能在加载页面的过程中动态创建。
你可以调用文件的方法的作用是：在指定的标记创建的DOM对象，然后添加新的创作元素对应的元素通过调用appendChild（）的一个元素。父对象（。removechild /子元素的对象）；删除元素。
createElement（'element）；创建节点
appendChild（节点）；添加一个节点
removechild（节点）；删除一个节点
作用（新、旧）；替换节点
insertBefore（新参考）；到前面添加节点（节点的前面）
方法uff1a
性能：
第一个孩子
lastchild
三.使用innerHTML或createElement（），（）和removechild appendChild（）
是一个页面元素的innerHTML createElement方式或操作方式，appendChild（）（）和（）removechild
1。对于大量的节点操作的innerHTML，使用较频繁的DOM操作（有一个HTML解析器专门编写的C或C++）。）。写的页面的HTML代码，然后调用一个id，而不是调用innerHTML。反复地
2。对于使用innerHTML = '的方式来删除节点，在某些情况下会出现内存不足的问题。例如，有许多在div等元素，每个元素绑定一个事件处理程序。在这一点上，innerHTML只删除当前元素节点树，但事件处理程序仍然占用内存。
JS的操作风格
修改元素的样式是className属性。
（类是保留字的Javaｓｃｒｉｐｔ，性能不能用关键字，保留字是类名）的开关灯的网页上的效果。
修改元素的样式不能是这样。样式=背景色：红色。
The style. 属性名称用于单独修改样式的属性。请注意，在CSS中，属性名称在Javaｓｃｒｉｐｔ中运行时可能不同。它们主要集中在这些属性名中包含的属性，因为Javaｓｃｒｉｐｔ无法执行属性和类名。
操作浮点样式时
即：OBJ。stylefloat =正确的风格；
其他浏览器：OBJ。cssfloat =正确的风格；
表格对象
单击（焦点），常用的：（a），（模糊）；等效于通过程序触发元素，单击焦点和丢失焦点事件。
表单对象是表单的DOM对象。
方法：提交（）提交表单，但不触发onsubmit事件。
实现一键分享，也就是说，在焦点距离控制，页面立即提交，而不是提交后，提交按钮提交。当光标离开，它触发onblur事件并调用提交方法形成事件。
在点击提交，表单的onsubmit事件触发，数据可以在onsubmit检查。如果有问题，退货可以取消。
以上是个人对Javaｓｃｒｉｐｔ DOM的理解，希望您会喜欢它。
