黑马程序员视频地址：黑马程序员前端JavaScript入门到精通全套视频教程https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78https://www.bilibili.com/video/BV1Y84y1L7Nn?vd_source=0a2d366696f87e241adc64419bf12cab&spm_id_from=333.788.videopod.episodes&p=78 

目录

变量声明的选择 

基本数据类型 

引用数据类型

DOM获取与属性操作

Web API 基本认识

作用和分类

什么是DOM

DOM树

DOM对象

获取DOM对象

根据CSS选择器来获取DOM元素

选择匹配的第一个元素

选择匹配的多个元素

其他获取DOM元素方法

操作元素内容

元素.innerText 属性

元素.innerHTML 属性

操作元素属性

1.常用属性（标签内置属性 src等）

2.样式属性（CSS修饰属性）

通过style属性操作CSS

通过类名(className)操作CSS

通过classList操作CSS

3.表单元素属性

4.自定义属性

定时器（间歇函数）

开启定时器

关闭定时器

---

变量声明的选择 

---

基本数据类型 

 

---

引用数据类型

---

DOM获取与属性操作

Web API 基本认识

作用和分类

---

什么是DOM

---

DOM树

---

DOM对象

---

获取DOM对象

根据CSS选择器来获取DOM元素

选择匹配的第一个元素

 参考文档https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelectorhttps://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector

---

选择匹配的多个元素

---

其他获取DOM元素方法

---

操作元素内容

元素.innerText 属性

---

元素.innerHTML 属性

---

操作元素属性

1.常用属性（标签内置属性 src等）

---

2.样式属性（CSS修饰属性）

通过style属性操作CSS

---

通过类名(className)操作CSS

---

通过classList操作CSS

---

3.表单元素属性

 

---

4.自定义属性

---

定时器（间歇函数）

开启定时器

---

关闭定时器