htm Dom对象与 Xml Dom对象的理解
html 是基于Xml的文档规范。是一种特殊的xml文档,这一点很重要
1.xml 文档的操作,java,c#,...各种语言都提供了很好的api对文档进行解析,操作。当然js 也不例外,提供了一系列的方法。
具体的方法,w3c 上都有讲解。Document,Node, ElementNode,TextNode,AttributeNode,CommentNode,NodeList 这些都是xml的属性
xml 里面每个节点都是一个node对象,
2.html 是一种特殊的xml文档,那么特殊的地方在哪?
1) html 封装好了一系列的对象,比如 image,Table,Form,Input,Select...等等
我们可以用new Image() 这种方式去创建对象
html 里每个节点都是element对象,
2) html dom 提供了更方便的方法去访问节点, xxx.className, xxxx.id 等等,
在标准的xml 文档中,应该用getAtrribute() 去访问。 当然htm dom 也可以用这种方式去访问,因为它是xml
3.在加载html时,浏览器会创建全局的window对象,然后下载html文档,创建document对象,并把这个document对象赋值给全局的window对象。
这里创建的document 是 HTMLDocument , HTMLDocument 接口对 DOM Document 接口进行了扩展,定义 HTML 专用的属性和方法。在新的规范中
html中的元素都是htmlelment对象,HTMLElement 对象继承了 Node 和 Element 对象的标准属性。 意思就是 span div这些节点 可以使用node对象和element对象的方法
xml dom 与htm dom 在用途上相互补充,
4.tips
document.getElmentsByTagName 返回的是动态的Nodelist ,document.querySeletorAll() 返回的是静态的Nodelist
Nodelist 是xml dom 属性,以上二个方法也属于Xml Dom。
动态是指:
另外htmlcollections ,是返回一些htmlelement集合,比如 获取select 下面option, form 下面的表单元素等。
5.htmelement 都有nodetype属性,如下
元素element | 1 |
属性attr | 2 |
文本text | 3 |
注释comments | 8 |
文档document | 9 |
window.Node 有个全局的函数,里面包含了全部NodeType 静态值
相信 有了以上的指导思想,在理解很多方法,模型上很有帮助
htm Dom对象与 Xml Dom对象的理解的更多相关文章
- 雷林鹏分享:XML DOM
XML DOM DOM(Document Object Model 文档对象模型)定义了访问和操作文档的标准方法. XML DOM XML DOM(XML Document Object Model) ...
- xml dom minidom
一. xml相关术语: 1.Document(文档): 对应一个xml文件 2.Declaration(声明): <?xml version="1.0" encoding=& ...
- XML DOM学习
XML 文档对象模型定义访问和操作XML文档的标准方法. XML DOM 是 XML Document Object Model 的缩写,即 XML 文档对象模型. DOM 将 XML 文档作为一个树 ...
- python use dom to write xml file
#encoding:utf-8 ''' write xml in dom style ''' from xml.dom.minidom import Document doc = Document() ...
- python模块:xml.dom.minidom
"""Simple implementation of the Level 1 DOM. Namespaces and other minor Level 2 featu ...
- Javascript 解析字符串生成 XML DOM 对象。
Javascript 接收字符串生成 XML DOM 对象.实测对 Firefox .IE6 有效.可用于解析 ajax 的服务器响应结果,也可用于解析自定义字符串.1. [代码]函数 ppt模 ...
- js ajax 传送xml dom对象到服务器
客户端代码 1 <script> var isie = true; var xmlhttp = null; function createXMLHTTP() {//创建XMLXMLHttp ...
- XML DOM - Range 对象
Range对象 Range对象表示文档的连续范围区域,如用户在浏览器窗口中用鼠标拖动选中的区域. dom标准Range对象 在IE中使用TextRange对象 range对象常用的建立方法在开发中 ...
- dom对象详解--document对象(一)
document对象 Document对象代表整个html文档,可用来访问页面中的所有元素,是最复杂的一个dom对象,可以说是学习好dom编程的关键所在. Document对象是window对象的一 ...
随机推荐
- 模拟namenode崩溃,使用secondarynamenode恢复
方法一.使用namespaceID 1.在namenode节点上,将dfs.name.dir指定的目录中(这里是name目录)的内容情况,以此来模拟故障发生. [hadoop@node1 name]$ ...
- XCode5 真机调试及发布应用
一.XCODE 真机测试 Xcode5已经很智能,只需生成一个开发证书,安装后,插入设备会自动添加,注意,当Mac系统升级后,证书需要重新生成. 证书生成步骤: 1.生成 CertificateSig ...
- ACM题目————次小生成树
Description 最小生成树大家都已经很了解,次小生成树就是图中构成的树的权值和第二小的树,此值也可能等于最小生成树的权值和,你的任务就是设计一个算法计算图的最小生成树. Input 存在多组数 ...
- ASP.NET生成缩略图的代码
01. // <summary> 02. /// 生成缩略图 03. /// </summary> 04. /// &l ...
- 2016年10月16日 星期日 --出埃及记 Exodus 18:27
2016年10月16日 星期日 --出埃及记 Exodus 18:27 Then Moses sent his father-in-law on his way, and Jethro returne ...
- 30个实例详解TOP命令
Linux中的top命令显示系统上正在运行的进程.它是系统管理员最重要的工具之一.被广泛用于监视服务器的负载.在本篇中,我们会探索top命令的细节. AD: Linux中的top命令显示系统上正在运行 ...
- tee 命令基本使用方法、输出到多个文件
功能说明:读取标准输入的数据,并将其内容输出成文件.语 法:tee [-ai][--help][--version][文件...]补充说明:tee指令会从标准输入设备读取数据,将其内容输出到标准输出 ...
- 深入javascript作用域链到闭包
我之前用过闭包,用过this,虽然很多时候知道是这么一回事,但是确实理解上还不够深入.再一次看javascript高级程序设计这本书时,发现一起很多疑难问题竟然都懂了,所以总结一下一些理解,难免有错, ...
- 函数式编程之block
语法: 注意: 1,在代码块中可以使用和改变全局变量 2,而局部变量可以使用,但是不能改变. 怎么在代码块中改变局部变量呢?在局部变量前面加上关键字:__block 参考: Objective-C语法 ...
- mysql 常用操作指令
(1)centos mysql数据库文件在哪? [root@localhost ~]# find / -name mysql (2)查找数据库备份工具 mysqldump [root@localhos ...