ajax学习笔记-Dom入门1
2008-12-14 20:49
295 查看
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里的内容加进去。
即文档对象模型,它是语言和平台中立的接口允许程序和脚本动态访问和更新文档的内容,结构和风格。
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里的内容加进去。
相关文章推荐
- AJAX 学习笔记(5) 处理XML文档的DOM元素属性和遍历DOM元素方法
- 【入门笔记】一小时学完AJAX(仅供本人笔记,如学习,请移步专门的教程)
- [知了堂学习笔记] Ajax入门
- ajax 学习笔记之一 w3c DOM
- AJAX 学习笔记(6) 使用W3C DOM动态编辑页面
- Javascript学习笔记12——Ajax入门
- Javascript学习指南(第2版)笔记(六) DOM、Ajax及其数据
- Ajax学习笔记-入门笔记
- javascript dom 学习笔记(三),ajax
- Ajax实践学习笔记(二) 创建DOM节点
- DOM入门学习笔记
- sencha touch 学习笔记- ajax、jsonp、dom查找、组件查找、添加css
- Ajax学习笔记-入门笔记
- Ajax实践学习笔记(一) 寻找DOM节点
- AJAX入门学习笔记
- DOM入门学习笔记
- Javascript学习笔记12——Ajax入门
- JavaScript学习笔记 - 入门篇(3)- DOM操作
- Javascript学习笔记十二——Ajax入门
- Maven学习笔记之四:Maven使用入门(编写POM)