ajax学习笔记-Dom入门1

Dom(Document Object Module)
即文档对象模型，它是语言和平台中立的接口允许程序和脚本动态访问和更新文档的内容，结构和风格。
Javascript中的Dom实现使我们可以在Ajax中通过JavaScript代码对Html和XML数据进行Dom方式的操作，从而做到页面的动态修改和更新。

Dom将每一个Html和Xml都看成内存中的一个对象树。
浏览器中一个页面对应一个Html文档，因此有一颗与其Html对应的Dom树。由于浏览器中一个页面可能处理很多Xml文档，因此可能有多可Xml的

Dom树。

Dom树对象中的常用节点
在Dom树中，文档内容对应了很多不同类型的Dom节点，他们都是一个Node对象。
Node对象有一个NodeType属性可以用于判断节点属性，可惜IE并不支持这个属性


这是一个表
节点                    nodeName（节点名）                  NodeValue（节点值）                 nodeType（值）
Element元素节点         对应标签名大写形式，如（HTML）      null                                1
Attr属性节点            文档中定义的属性名，如Type          文档中定义的属性值，如Button        2
Text文本节点            #text                               文本内容，如“123”                 3
Comment注释节点         #comment                            注释内容                            8
Document根节点          #document                           null                                9


IE和FireFox的Dom对象树的差异
1.IE会把一些没有在文档中定义的属性也加入Dom树。
2.IE不会把title中的内容加入Dom树。
3.IE会把换行，缩进这样的信息去掉，FireFox则认为这些是有用的内容并把它加到Dom模型树。
4.IE不会把Script标签中的内容加入Dom树，FireFox会把Script里的内容加进去。