Web API 第一天

第一天

var let const

优先const 有需要再改let
const

获取元素

querySelector(‘css选择器’)

参数：包含一个或多个css选择器的字符串
返回值：css选择器匹配的第一个元素，没有匹配到则返回null

querySelectorAll(‘css选择器’)

参数：包含一个或多个css选择器的字符串
返回值：css选择器匹配的NodeList对象集合（伪数组）
有长度 索引号
没有pop() push() 等方法
可以通过for循环遍历

哪怕只有一个元素，获取过来也是伪数组

操作元素属性

对象.属性
例如，

img.src = ‘’

元素内容

对象.innerText
对象.innerHTML

修改样式

通过style属性引入

对象.style.样式属性

如果属性存在-连接符，样式属性采用小驼峰命名法

通过类名修改样式

对象.className = ‘类名’

会将之前的类清空

通过classList操作类来控制（常用！！！）

// 追加一个类  类名不加点，并且是字符串
元素.classList.add(‘类名’)
// 删除一个类  类名不加点，并且是字符串
元素.classList.remove(‘类名’)
// 切换一个类  有就删掉，没有就加上
元素.classList.toggle(‘类名’)

是追加或删除 不会影响以前的类名