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

浏览:74日期:2024-04-22

本文实例讲述了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基础操作实例小结

四、通过class类获取元素、以及函数封装

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

相关文章: