1、获取元素

document.querySelector()

document.querySelectorAll()

扩展：

image.png

··
··
··

2、修改HTML标签内的内容

.innerHTML(重点，可解析标签)

.innerText（了解，不可解析标签）

··
··
··

3、修改、添加类名

image.png

或者：元素.className('类名') ==>（不推荐，会把原有类名覆盖掉

、
、

4、修改css属性、元素属性

image.png

image.png

image.png

、
、、

、5定时器

image.png

image.png

、
、

6、注册监听事件

6.1

image.png

image.png

image.png

6.2、加载事件

image.png

image.png

、

6.3、其他事件

image.png

、
、

7、节点

7.1查找节点

image.png

、

image.png

、

image.png

image.png

image.png

、
、

7.2、创建和插入节点

image.png

image.png

7.3、克隆节点

image.png

、
、

7.4删除节点

必须通过父元素，不方便

image.png

、
、
、

8、时间对象

8.1当前时间

image.png

、

8.2、时间戳

image.png

image.png

、

image.png

、
、

9、事件对象：event

9.1

event.target中，有许多有用的属性

9.2、阻止事件流动（冒泡和捕获机制）

image.png

image.png

10、元素的大小和位置

image.png