API-01

API 基本认知

一.作用和分类
作用: 就是使用 JS 去操作 html 和浏览器
分类：DOM (文档对象模型)、BOM（浏览器对象模型）
DOM 是文档对象模型
操作网页内容，可以开发网页特效和实现用户交互

DOM对象：浏览器根据html标签生成的 JS对象
DOM的核心思想
把网页内容当做对象来处理
document 对象
是 DOM 里提供的一个对象
所以它提供的属性和方法都是用来访问和操作网页内容的
例：document.write()
网页所有内容都在document里面

二、获取DOM对象

image.png

image.png

image.png

其他获取DOM元素方法（了解）

image.png

设置/修改DOM元素内容

1. 对象.innerText 属性

2. 对象.innerHTML 属性
   尽量使用innerHTML属性

   
   
   image.png

设置/修改DOM元素属性

image.png

image.png

设置/修改元素样式属性

1. 通过类名操作CSS
   className属性

   
   
   image.png
   
   
   image.png

classList 语法

image.png

image.png

通过 style 属性操作样式

image.png

image.png

设置/修改 表单元素的属性

image.png

定时器函数

开启定时器语法: setInterval(函数, 间隔时间(单位ms))
关闭定时器语法：clearInterval(定时器id)

image.png