DOM之概述

body, table{font-family: 微软雅黑; font-size: 10pt}
table{border-collapse: collapse; border: solid gray; border-width: 2px 0 2px 0;}
th{border: 1px solid gray; padding: 4px; background-color: #DDD;}
td{border: 1px solid gray; padding: 4px;}
tr:nth-child(2n){background-color: #f8f8f8;}

Document Object Model   (document--->html 文档--->dom树) //方便开发者 前端工程师 去控制 更改 页面元素。自动用代码去控制页面元素。

是W3C织制订的一套用于访问XML和HTML文档的标准.允许脚本动态地访问和更新文档的内容、结构和样式.

分类：xml dom + html dom (+DOM Core)

xml 介绍  

<school>

       <class>

              <student>zs</student>

              <student>zs</student>

              <student>zs</student>

        </class>

        <class>

              <student>zs</student>

              <student>zs</student>

              <student>zs</student>

        </class>

</school>

 

节点信息

每个节点都拥有包含着关于节点某些信息的属性。这些属性是：

• nodeName（节点名称）
• nodeValue（节点值）
• nodeType（节点类型）

nodeName

nodeName属性含有节点的名称。

• 元素节点的nodeName是标签名称
• 属性节点的nodeName是属性名称
• 文本节点的nodeName永远是#text
• 文档节点的nodeName永远是#document

注释：nodeName所包含的XML元素的标签名称永远是大写的。

nodeValue

对于文本节点，nodeValue属性包含文本。

对于属性节点，nodeValue属性包含属性值。

nodeValue属性对于文档节点和元素节点是不可用的。

nodeType

nodeType属性可返回节点的类型。

最重要的节点类型是：

元素类型	节点类型
元素	1
属性	2
文本	3
注释	8
文档	9

取得某个元素的值

本例使用getElementsByTagname()方法来取得"books.xml"中所有"title"元素的值。

取得某个属性的值

本例使用getAttribute()方法来取得"books.xml"中所有"category"属性的值。

取得某个项目的值

本例使用getNamedItem()方法来取得"books.xml"中所有"category"属性的值。