JS DOM节点(当前标签和同级、父级、子级..之间的关系)
1. 通过顶层document节点获取
1) document.getElementById(elementId) //根据id获得
2) document.getElementsByName(elementName) //根据name获得
3) document.getElementsByTagName(tagName) //根据标签名获得
2、通过父节点获取
1) parentObj.firstChild //获得第一个子节点
2) parentObj.lastChild //获得第二个子节点
3) parentObj.childNodes //获取作为指定对象直接后代的HTML元素和TextNode对象的集合
4) parentObj.children //非标准dom集合,建议使用childNodes
5) parentObj.getElementsByTagName(tagName) //获得该标签下标签名为tagName的所有标签
3、通过临近节点获取
1) neighbourNode.previousSibling //获得同级前一个标签
2) neighbourNode.nextSibling //获得同级后一个标签
4、通过子节点获取
1) childNode.parentNode //获得父标签
附录:nodeName 属性含有某个节点的名称。
元素节点的nodeName 是标签名称
属性节点的nodeName 是属性名称
文本节点的nodeName 永远是 #text
文档节点的nodeName 永远是 #document
nodeValue
对于文本节点,nodeValue 属性包含文本。
对于属性节点,nodeValue 属性包含属性值。
nodeValue 属性对于文档节点和元素节点是不可用的。
nodeType 属性可返回节点的类型具体如下:
1 Element 元素
2 Attribute 属性
3 Text 文本
4 CDATA Section CDATA断
5 Entity Reference 实体参数
6 Entity 实体
7 Processing Instrucion 处理指令
8 Comment 注释
9 Document 文档
10 Document Type 文档类型
11 Document Fragment 文档片断
最新文章
- C# GUID转换成16位字符串或19位数字并确保唯一
- Nginx反向代理到Tomcat服务器
- Android 中ViewPagerIndicator的使用
- .NET 添加/删除Cookie
- Python 发送邮件包含附件报表示例
- jq层次选择器
- 让 Putty 保存密码,自动登陆的四种方法
- java中的浮点(float)运算
- Merge k Sorted Lists 解答
- Hadoop 新生报道(三) hadoop基础概念
- 禁被ping 软件漏洞升级
- 安卓手机与ROS通信遥控Gazebo中仿真机器人小车运动(ROS_indigo)
- 不可变对象和Biulder模式(面试问题)
- Maven 传递依赖冲突解决(了解)
- Linux 小知识翻译 - 「路径设置」
- idea模板注释
- Java综合高级篇
- each的break
- Hihocoder #1081 最短路径一 dijkstra
- Android 方向传感器
热门文章
- [Vue-rx] Disable Buttons While Data is Loading with RxJS and Vue.js
- 解决多个Xcode导致的N个模拟器的问题
- C#保留2位小数几种场景总结 游标遍历所有数据库循环执行修改数据库的sql命令 原生js轮盘抽奖实例分析(幸运大转盘抽奖) javascript中的typeof和类型判断
- Mysql常用索引及优化
- 【bzoj1196】[HNOI2006]公路修建问题
- yum install -y dos2unix
- ios--plist
- WebSocket 网页聊天室的实现(服务器端:.net + windows服务,前端:Html5)
- 基于spark和flink的电商数据分析项目
- json-server的关系图谱详解(Relationships)