javascript 节点属性详解
2013-07-11 15:18
120 查看
javascript 节点属性详解
根据 DOM,html 文档中的每个成分都是一个节点
DOM 是这样规定的:
整个文档是一个文档节点
每个 html 标签是一个元素节点
包含在于 html 元素中的文本是文本节点
每一个 html 属性是一个属性节点
注释属于注释节点
1. 获得节点的引用
A. 旧的获得节点引用方式
getElementById()/getElementsByTagName()/getElementsByName()
劣势:浪费内存,逻辑性不强
B. 通过节点 关系属性 获得节点的引用
对象.parentNode 获得父节点的引用
对象.childNodes 获得子节点的集合
对象.firstChild 获得第一个子节点
对象.lastChild 获得最后一个子节点
对象.nextSibling 获得下一个兄弟节点的引用
对象.previousSibling 获得上一个兄弟节点的引用
劣势:兼容性不好,原因是IE会把最后一个标签换行当做一个节点,FF把所有标签换行都
当成了节点,排除这些方法和差异可用
obj.nodeType == 3 && /^\s+$/.test(obj.nodeValue)
2.节点的信息(属性)
根据 DOM,html 文档中的每个成分都是一个节点
DOM 是这样规定的:
整个文档是一个文档节点
每个 html 标签是一个元素节点
包含在于 html 元素中的文本是文本节点
每一个 html 属性是一个属性节点
注释属于注释节点
1. 获得节点的引用
A. 旧的获得节点引用方式
getElementById()/getElementsByTagName()/getElementsByName()
劣势:浪费内存,逻辑性不强
B. 通过节点 关系属性 获得节点的引用
对象.parentNode 获得父节点的引用
对象.childNodes 获得子节点的集合
对象.firstChild 获得第一个子节点
对象.lastChild 获得最后一个子节点
对象.nextSibling 获得下一个兄弟节点的引用
对象.previousSibling 获得上一个兄弟节点的引用
劣势:兼容性不好,原因是IE会把最后一个标签换行当做一个节点,FF把所有标签换行都
当成了节点,排除这些方法和差异可用
obj.nodeType == 3 && /^\s+$/.test(obj.nodeValue)
2.节点的信息(属性)
* | 节点类型(nodeType(数值)) | 节点名字(nodeName) | 节点值(nodeValue) |
元素节点 | 1 | 标签名 | null |
属性节点 | 2 | 属性名 | 属性值 |
文本节点 | 3 | #text | 文本 |
注释节点 | 8 | #comment | 注释的文字 |
文档节点 | 9 | #document | null |
相关文章推荐
- JavaScript节点操作DOMDocument属性和方法
- 【javascript】javascript节点属性与方法
- JavaScript中的Math.LOG2E属性使用详解
- javascript属性详解
- JavaScript对象的创建和对象属性操作详解
- 黄聪:Delphi 中的 XMLDocument 类详解(7) - 获取节点名称与节点的属性名称
- JavaScript中prototype属性详解(转载)
- JavaScript原生对象之String对象的属性和方法详解
- JavaScript原生对象之Number对象的属性和方法详解
- position属性absolute与relative 详解 最近一直在研究javascript脚本,熟悉DOM中CSS样式的各种定位属性,以前对这个属性不太了解,从网上找到两篇文章感觉讲得很透彻,
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- [转载 js]JavaScript节点操作DOMDocument属性和方法
- XML参考 :XmlReader 详解、实例(3)-- 读取XML节点和属性名称
- JavaScript原生对象之Number对象的属性和方法详解
- javascript节点操作DOMDocument属性和方法
- 详解Javascript中prototype属性(推荐)
- 初探JavaScript(一)——也谈元素节点、属性节点、文本节点
- JQuery(一)---- JQ的选择器,属性,节点,样式,函数等操作详解
- JavaScript DOM中实现循环创建文办节点并添加属性节点
- JavaScript 节点操作 以及DOMDocument属性和方法