DOM第一类简述
DOM是两套Web国际标准，它表述了出访HTML文件格式第一类的两套特性、方式和该事件，DOM事实上是创建页面与JavaScript词汇沟通交流的公路桥。
第一类数学模型内部结构
DOM的英语全名是Document Object Model，即文件格式第一类数学模型。文件格式通常是指HTML文件格式，DOM第一类数学模型将HTML文件格式组织机构为以Node第一类为结点的体系内部结构。两个结点是两个Node第一类。Node第一类依照结点类别分成原素结点、属性结点、文档结点和注解结点。
原素结点（也称作原素第一类）由原素结点、特性结点、文档结点和注解结点形成。
原素第一类内部结构如下表所示图右图：
在DOM第一类数学模型中，Document是文件格式第一类，透过Document第一类能
浏览器在解析HTML文件格式时，若遇到<body>标签和<frame>，会自动创建Window第一类，Windos第一类是DOM第一类数学模型中
DOM第一类体系内部结构
DOM最顶层是Window第一类，Window第一类下面是Document（文件格式第一类）、Navigator(浏览器第一类)、Screen（屏幕第一类）、History（浏览历史第一类）、Location（URL第一类）。
DOM第一类体系内部结构如下表所示图右图：
DOM第一类的使用
应用DOM能完整解析HTML页面，DOM会在内存中构建一棵完整的解析树，来实现对页面文件格式的动态出访和操作，它把页面所有的HTML原素都解析为树上层次分明的结点，然后能对这些结点进行添加、修改、删除和查看等操作。
在DOM树中，Window第一类是树的根结点，Document第一类是Window的子结点，也能说Window第一类是Document第一类的父结点。Winodw第一类表示浏览器打开的窗口，它是两个全局第一类，浏览器窗口内所有的计算和操作都在窗口环境中，因此Window第一类的特性也能直接作为全局变量来使用。
例如：documet第一类是Window第一类的特性，在JS函数中能直接使用documet第一类，而不必写winodw.document。
同样也能把Window第一类的方式作为全局函数来使用。例如：alert()方式是Window第一类的方式，在JS函数内能直接写alert()，而不必写window.alert()。
案例1：递归遍历DOM结点
<html><head><title>JavaScript开发案例</title><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><script type=”text/javascript”> // 递归遍历结点 function travel_node(node) { // 遍历node所有子结点for(var i = 0; i < node.childNodes.length; i++){ // 若结点是原素结点且子结点大于0if(node.childNodes[i].nodeType == 1 && node.childNodes[i].childNodes.length > 0) { // 拼接结点名称 tagName = “<” + node.childNodes[i].nodeName + “>”document.getElementById(“text_info”).innerText += tagName; // 递归遍历子结点 travel_node(node.childNodes[i]) } } }function travel() { // document第一类的documentElement特性HTML原素的根结点 travel_node(document.documentElement) }</script></head><body><p>朝辞白帝彩云间，</p><p>千里江陵一日还。</p><p>两岸猿声啼不住，</p><p>轻舟已过万重山。</p><p><span style=” margin-left:30px;” id=”text_info”></span></p><input type=”button” value=”遍历DOM原素” onclick=”travel()”/></body></html>
