Javascript高级编程学习笔记（49）—— DOM2和DOM3（1）DOM变化
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Javascript高级编程学习笔记（49）—— DOM2和DOM3（1）DOM变化，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3497字，纯文字阅读大概需要5分钟。
内容图文
DOM变化
我们知道DOM有许多的版本，其中DOM0和DOM2这两个级别以对事件的纳入标准而为人所知
但是呢，这里不讲事件，在后面会有专门和事件有关的部分作为详细讲解
这里就只讲一下DOM2和DOM3的背景来历
首先DOM1级主要定义的是HTML和XML文档底层的结构，DOM2和DOM3两个级别则主要致力于为文档引入更加丰富的交互能力
与此同时这两个版本也支持了更加高级的XML特性
首先DOM2分为了许多模块
如下所示：
1. DOM2级核心
2.DOM2级视图
3.DOM2级事件
4.DOM2级样式
5.DOM2级遍历和范围
6.DOM2级HTML
以上板块的内容在致力于拓展DOM API的同时也提供了更好的错误处理及特性检测的能力
这一目的在一定程度上意味着对命名空间的支持
而通过命名空间我们则可以在同一文档中混入不同的文档类型的代码
总的来说
DOM2没有引入新的类型而是在已有类型的基础上添加新的方法以增强现有类型的能力
而DOM3既增强了已有类型的能力，也引入了新的类型
下面我们来看看这些变化
Node类型的变化
在DOM2级中，Node类型包含以下特定于命名空间的属性
localName：不带命名空间前缀的节点名称
namespaceURI：命名空间的URI或者null（未指定的情况下）
prefix：命名空间前缀或者null（未指定的情况下）
PS.当节点使用了命名空间的时候，Node的 nodeName 则等于 prefix : localname
nodeName则相当于 tagName
以 <s:svg> 为例：nodeName为 s:svg prefix为s localName为svg
在此基础上DOM3级则更进一步，引入了如下与命名空间有关的方法：
isDefaultNamespace（nameSpaceURI）: 判断指定的URI是否为当前节点的默认命名空间
lookupNamespaceURI（prefix）：返回给定前缀的命名空间
lookupPrefix（namespaceURI）：返回给定namespaceURI的前缀
Document类型的变化
DOM2中 Document 类型包含了下列与命名空间有关的方法：
createElementNS（namespaceURI，tagName）：创建属于namespaceURI命名空间的指定元素
createAttributeNS（namespaceURI，attributeName）：创建属于namespaceURI命名空间的新特性
getElementsByTagNameNS（namespaceURI，tagname）：返回属于指定命名空间的nodeList集合
只有当一个文档中存在多个命名空间时，以上方法才是必要的
Element类型的变化
新增操作特定命名空间特性的API
新增方法如下：
getAttributeNS（namespaceURI，localName）：获取指定命名空间的指定特性
getAttributeNodeNS（namespaceURI，localName）：取得指定命名空间的指定特性节点
hasAttributeNS（namespaceURI，localName）：判断当前元素是否拥有属于指定命名空间的指定特性
removeAttributeNS（namespaceURI，localName）：移除指定命名空间的指定特性
setAttributeNS（namespaceURI，localName，value）：将指定命名空间的指定特性的值设置为value
setAttributeNodeNS（namespaceURI，attrnode）：设置指定命名空间的指定特性节点为attrnode
NamedNodeMap类型的变化
同样的针对于特性节点的NamedNodeMap类型也提供了与命名空间相关的方法
getNamedItemNS（namespaceURI，localName）：取得指定空间名为localName的项
removeNamedItemNS（namespaceURI，localName）：移除指定空间名为localName的项
setNamedItemNS（node）：添加已经事先设置命名空间的node
其它方面的变化
除了上述与命名空间相关的变化之外
DOM2、3还有以下变化：
1.DocumentType新增了三个属性：publicId、systemId、internalSubset 用于访问文档信息声明
2.importNode（要复制的节点，是否深拷贝）：从一个文档中获取节点并导入另一个文档
3.document.implementation 添加了两个方法 createDocumentType、createDocument 用于创建文档以及创建文档类型声明
4.对Node添加 isSupported（）方法，用于判断node是否实现了某一特性
5.isSameNode（node） 判断当前节点是否与Node相同
6.isEqualNode（node）判断当前节点是否与Node相等
7.setUserData（要设置的键，设置的值，处理函数）用于给DOM节点添加额外的数据属性
第三个参数的处理函数接收五个参数：操作类型的数值、数据键、数据值、源节点、目标节点 而这个处理函数将会在DOM节点被clone时调用，若不在处理函数中进行处理，那么克隆节点将不会复制节点数据
8.frame.contentDocument 指向表示框架内容的文档对象（该属性受同源策略的限制）
内容总结
以上是互联网集市为您收集整理的Javascript高级编程学习笔记（49）—— DOM2和DOM3（1）DOM变化全部内容，希望文章能够帮你解决Javascript高级编程学习笔记（49）—— DOM2和DOM3（1）DOM变化所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。