DOM编程初步

DOM:
<wbr>document object model:文档对象模型.将一些标记型的文档以及文档中的内容当成对，在对象中定义属性和行为，方便操作.</wbr>

<wbr>DOM在风中标记型文档时，有三层模型：<br><wbr>DOM1：针对html文档<br><wbr>DOM2：针对xml文档<br><wbr>DOM3：针对xml文档<br><wbr><br><wbr>html,xhtml,xml：都是标记型文档.<br><wbr>dhtml：多个技术的综合，叫做动态的html.<br><wbr><wbr>html：负责将数据继续封装.<br><wbr><wbr>css:负责标签的样式.<br><wbr><wbr>javascript:负责通过程序设计方式来操作对象.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr>标签之间的层次关系:<br><wbr>window<br><wbr>document<br><wbr>html<br><wbr><wbr>|--head<br><wbr><wbr><wbr>|--title<br><wbr><wbr><wbr>|--base<br><wbr><wbr><wbr>|--link<br><wbr><wbr><wbr>|--meta<br><wbr><wbr><wbr>|--style<br><wbr><wbr><wbr>|--script<br><wbr><wbr>|--body<br><wbr><wbr><wbr>|--div<br><wbr><wbr><wbr>|--form<br><wbr><wbr><wbr><wbr>|--input<br><wbr><wbr><wbr><wbr>|--select<br><wbr><wbr><wbr>|--span<br><wbr><wbr><wbr>|--a<br><wbr><wbr><wbr>|--table<br><wbr><wbr><wbr><wbr>|--tbody<br><wbr><wbr><wbr><wbr><wbr>|--tr<br><wbr><wbr><wbr><wbr><wbr><wbr>|--td<br><wbr><wbr><wbr><wbr><wbr><wbr>|--th</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr><wbr><wbr>|--dl<br><wbr><wbr><wbr><wbr>|--dt<br><wbr><wbr><wbr><wbr>|--dd<br><wbr><br><wbr>DOM树、DOM节点.<br><wbr>DOM的弊端——文档过大时，耗费资源，此时可以使用SAX来解析文档.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr>节点的类型：<br><wbr>标签型节点：类型-1;<br><wbr>文本型节点：类型-3;<br><wbr>属性节点：类型-2;<br><wbr>注释型节点：类型-8;<br><wbr>document：类型-9;</wbr></wbr></wbr></wbr></wbr></wbr>

<wbr>节点的关系：<br><wbr>父节点：parentNodes.<br><wbr>子节点：childNodes.直接子节点，返回的是一个节点对象的集合(数组).<br><wbr>兄弟节点：<br><wbr><wbr>上一个兄弟节点：previousSibling.<br><wbr><wbr>下一个兄弟节点：nextSibling.</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>

<wbr>注意：标签之间的空行，浏览器会解析成一个空白文本，获取时要注意.</wbr>

<wbr></wbr>

<wbr>获取节点可以通过节点的层次关系完成，也可以通过document对象完成.<br><wbr>getElementById 获取对 ID 标签属性为指定值的第一个对象的引用。<br><wbr>getElementsByName 根据 NAME 标签属性的值获取对象的集合。<br><wbr>getElementsByTagName 获取基于指定元素名称的对象集合。<br></wbr></wbr></wbr></wbr>