文章目录
目标:
DOM简介
获取元素
事件基础
操作元素
节点操作
一、DOM简介
1、什么是DOM
2、DOM树
二、获取元素
1、如何获取页面元素
2、根据id获取
3、根据标签名获取
4、通过HTML5新增的方法获取
5、获取特殊元素body html
三、事件基础
1、事件概述
2、事件三要素
3、执行事件的步骤
四、操作元素
1、改变元素内容
2、常用元素的属性操作
3、表单元素的属性操作
4、样式属性操作
4.1 行内样式操作
4.2 类名样式操作
5、操作元素总结
6、排他思想
:
案例:背景换肤
7、自定义属性操作
7.1 获取属性值
7.2 设置元素属性值
7.3 移除属性
案例:tab栏切换(重点案例)
8、H5自定义属性
五、节点操作
1、为什么学节点操作
2、节点概述
3、节点层次
案例:新建下拉菜单