JavaScript学习笔记之DOM基础操作实例小结

本文实例讲述了JavaScript DOM基础操作 。分享给大家供大家参考,具体如下:
一、子节点
1、元素节点、文本节点
实例01
html

JavaScript学习笔记之DOM基础操作实例小结

javascript
JavaScript学习笔记之DOM基础操作实例小结


JavaScript学习笔记之DOM基础操作实例小结

2、nodeType属性
JavaScript学习笔记之DOM基础操作实例小结

实例02
JavaScript学习笔记之DOM基础操作实例小结


JavaScript学习笔记之DOM基础操作实例小结

3、children获取元素节点
实例03
html代码
JavaScript学习笔记之DOM基础操作实例小结

javascript代码
JavaScript学习笔记之DOM基础操作实例小结

二、父节点
实例04
html代码
JavaScript学习笔记之DOM基础操作实例小结

javascript代码
JavaScript学习笔记之DOM基础操作实例小结


JavaScript学习笔记之DOM基础操作实例小结

实例05 父节点的应用
html代码
JavaScript学习笔记之DOM基础操作实例小结

javascript代码
JavaScript学习笔记之DOM基础操作实例小结


JavaScript学习笔记之DOM基础操作实例小结



三、firstChild
JavaScript学习笔记之DOM基础操作实例小结

【JavaScript学习笔记之DOM基础操作实例小结】四、通过class类获取元素、以及函数封装
JavaScript学习笔记之DOM基础操作实例小结

相关经验推荐