API

变量声明优先用const:

• 语义化更好
• 先声明const,如需修改再转为let
• Const类型的简单数据类型不能直接修改里面的值
• Const类型的复杂数据类型能修改里面的值(因为内存地址不变)

Web API基本认知

作用和分类

• 作用:使用JS操作html和浏览器
• 分类:DOM(文档对象模型),BOM(浏览器对象模型)

DOM(文档对象模型)

概念:

• 专门用来操作网页内容的功能
• 开发网页内容特效和实现用户交互

DOM树

• 将HTML文档以树状表达
• 描述网页内容关系
• 直观体现标签与标签之间的关系
  ​​

DOM对象

• 核心思想:把网页内容当做对象处理
• document对象:
  • dom里提供的一个对象
  • 它提供的属性和方法都是用来访问和操作网页内容
  • 例:document.write()
  • 网页的所有内容都在document里面

根据CSS选择器获取DOM元素

语法:

• 获取匹配的第一个元素

const div = document.querySelector('CSS选择器')

• 获取匹配的所有元素

const div = document.querySelectorAll('CSS选择器')
// 返回一个数组