WEB API的基本认识

1. 目录

   ---

   作用和分类：就是使用 JS 去操作 html 和浏览器

1. 1. DOM对象

浏览器根据html标签生成的 JS对象（DOM对象）
DOM的核心就是把内容当对象来处理

1. 1. 根据CSS选择器来获取DOM元素 (重点)

• • 获取页面中的标签我们最终常用那两种方式？
    • querySelectorAll()
    • querySelector()
   
  • 他们两者的区别是什么？
    • querySelector() 只能选择一个元素， 可以直接操作
    • querySelectorAll() 可以选择多个元素，得到的是伪数组，需要遍历得
      到每一个元素

1. 1. 操作元素内容

• • 设置/修改DOM元素内容有哪2种方式？
    • 元素.innerText 属性
    • 元素.innerHTML 属性
   
  • 三者的区别是什么？
    • 元素.innerText 属性 只识别文本，不能解析标签
    • 元素.innerHTML 属性 能识别文本，能够解析标签
    • 如果还在纠结到底用谁，你可以选择innerHTML

1. 1. 操作元素属性

• • 操作元素常用属性

• • 操作元素样式属性
    • 通过style操作样式属性