javascript 节点属性详解
2024-08-27 01:14:58
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.节点的信息(属性)
* | 节点类型(nodeType(数值)) | 节点名字(nodeName) | 节点值(nodeValue) |
元素节点 | 1 | 标签名 | null |
属性节点 | 2 | 属性名 | 属性值 |
文本节点 | 3 | #text | 文本 |
注释节点 | 8 | #comment | 注释的文字 |
文档节点 | 9 | #document | null |
最新文章
- EasyUI笔记
- poj 3735 Training little cats 矩阵快速幂+稀疏矩阵乘法优化
- WWDC2016-session401-CodeSign大改版
- mysql备份恢复
- Python try/except/finally应用
- 如何在DOS下用C/C++ 编译器
- 常见内部函数----Python
- 如何解决在chrome中自动完成表单后input出现黄色背景
- c#模拟js escape方法(转)
- 算法模板——平衡树Treap 2
- git 对 Microsoft Word 进行版本控制
- X509证书认证流程介绍
- 使用Ratpack与Spring Boot构建高性能JVM微服务
- C# 处理文件的压缩与解压
- Android测试(四)——内容供应器泄露
- 解決 Android Studio 不停 Indexing 的問題(Updating Indices: Indexing paused due to batch update)
- 2.2.5synchronized代码间的同步性
- 『Sklearn』框架自带数据集接口
- 初学Linux(一)关闭操作shutdown halt reboot
- MySql存储过程简单实例
热门文章
- boost------function的使用(Boost程序库完全开发指南)读书笔记
- JAVA_3lesson
- void,extern,sizeof
- POJ3155 Hard Life
- MSSQLSERVER数据库- 字符串分割函数返回类型表
- 如何通过进程名获取进程ID
- 剖析iphone之触摸事件touchstart
- struts2的json-default和struts-default的区别
- 关于学习汇编的一些规则的理解(div mul cf of)
- SecureCRT学习之道:SecureCRT经常使用快捷键设置与字体设置方法