什么是dom
dom的全称是document object model，即文档对象模型，它允许脚本控制web页面、窗口和文档。
如果没有dom，javascript将是另外一种脚本语言；而有了dom，它将成为制作动态页面的强有力工具。dom不是javascript语言的一部分，而是内置在浏览器中的一个应用程序接口。当然，我们可以简单的理解为一种用于html和xml文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。
dom（文档对象模型）是一组用来描述脚本怎样与结构化文档进行交互和访问的web标准。他的功能是把浏览器支持的文档（包括html xml xhtml）当作一个对象来解析。dom实际上是一个操作文档里面所包含的内容的一个编程的api，允许开发人员从文档中读取、搜索、修改、增加和删除数据。dom是与平台和语言无关的，也就是说只要是支持dom的平台和编程语言，你都可以用来编写文档。
dom定义了一系列对象、方法和属性，用于访问、操作和创建文档中的内容、结构、样式以及行为。每一个网页元素（一个html标签）都对应着一个对象（object，所谓“对象”，用白话说就是“东西”。）。网页上的标签是一层层嵌套的，最外面的一层是，文档对象模型也这样一层层嵌套着，但是通常被理解成一棵树的形状。树根是window或document对象，相当于最外层的标签的外围，也就是整个文档。树根之下（这棵树的图通常是倒着画，就好像遗传谱系或者家谱那样。树根就是唯一的共同祖先）是子一级的对象，子对象也有它自己的子对象，除了根对象以外，所有的对象都有自己的父对象，同一对象的子对象之间就是兄弟的关系。如果大家没有见过家谱，应该知道一个公司的组织架构。
dom实际上是以面向对象方式描述的文档模型。dom定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把dom认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。通过javascript，可以重构整个 html 文档。可以添加、移除、改变或重排页面上的项目。
要改变页面的某个东西，javascript 就需要获得对 html 文档中所有元素进行访问的入口。这个入口连同对 html 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（dom）。
dom和javascript
我们用javascript对网页进行的所有操作都是通过dom进行的。如何访问dom中的对象？
先是父对象名，后面接着是子对象名，使用圆点隔开。
复制代码 代码如下:
window.document.write(hi!how are you!)
dom操作checkbox实例
复制代码 代码如下:
dom操作checkbox
选中奇数
单机按钮显示效果：