Web APIs 第一弹 学习笔记

一、Web API 基本认知

        变量声明有三个 var、let、const；var 问题很多，可以pass掉不用。对于let和const呢？一般建议使用const，const语义化更好

       const声明的值不能更改，而且const声明变量的时候需要里面进行初始化，但是对于引用数据类型，const声明的变量，里面存的不是值，而是地址。

        1.作用和分类

        ①作用：就是使用JS去操作HTML和浏览器

        ②分类：DOM（文档对象模型）、BOM（浏览器对象模型）

        2.什么是DOM

        DOM是用来呈现以及与任意HTML或XML文档交互的API（是浏览器提供的一套专门用来操作网页内容的功能）

        DOM的作用：操作网页内容，可以开发网页内容特效和实现用户交互

        3.DOM树

        ①DOM树是什么？

        将HTML文件以树状结构直观的表现出来，我们称之为文档树或DOM树，描述网页内容关系的名词。

        作用：文档树直观的体现了标签与标签之间的关系

        ②DOM对象（重要）

        DOM对象：浏览器根据html标签生成的JS对象；所有的标签属性都可以在这个对象上面找到；修改这个对象的属性会自动映射到标签身上

        DOM的核心思想：把网页内容当做对象来处理

        document对象：是DOM里提供的一个对象，所有它提供的属性和方法都是用来访问和操作网页内容的，网页所有内容都在document

二、获取DOM对象

        查找元素DOM元素就是利用JS选择页面中标签元素

        ①根据css选择器来获取DOM元素（重点）

        

        获取一个DOM元素我们使用？使用querySelector()

        获取多个DOM元素使用谁？是否能直接修改？不能的话怎样做到修改？

        querySelectorAll(),不可以直接修改，只能通过遍历的方式一次给里面的元素作修改

        

三、操作元素内容

        1.元素.innerText属性   

        2.元素.innerHTML 属性

四、操作元素属性

        1.操作元素常用属性

        最常见的属性比如：href、title、src

        语法：对象.属性 = 值

        2.操作元素样式属性

       ① 通过style属性操作css

        语法：对象.style.样式属性 = 值

        ②操作类名（className）操作CSS

        ③通过classList操作类控制CSS

五、定时器-间歇函数