本文实例讲述了JavaScript DOM基础操作。分享给大家供大家参考,具体如下:
一、子节点
1、元素节点、文本节点
实例01
html
文本节点1 文本节点2 文本节点3 文本节点4 文本节点5 文本节点6
javascript
2、nodeType属性
常见节点 | nodeType值 |
元素节点 | 1 |
属性节点 | 2 |
文本节点 | 3 |
实例02
3、children获取元素节点
实例03
html代码
子节点
javascript代码
二、父节点
实例04
html代码
javascript代码
实例05 父节点的应用
html代码
父节点1 隐藏 父节点2 隐藏 父节点3 隐藏 父节点4 隐藏 父节点5 隐藏 父节点6 隐藏 父节点7 隐藏
javascript代码
三、firstChild
1 2 3