今日完成：

1 js任务三

2 了解小课堂流程

今日收获：

1 外联js在浏览器中的好处

2 document.getElementsByClassName和 document.getElementById的区别：

querySelectorAll()

querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素，返回 NodeList 对象。

NodeList 对象表示节点的集合。可以通过索引访问，索引值从 0 开始。

提示: 你可以使用 NodeList 对象的 length 属性来获取匹配选择器的元素属性，然后你可以遍历所有元素，从而获取你想要的信息。

getElementsByClassName()

getElementsByClassName() 方法返回文档中所有指定类名的元素集合，作为 NodeList 对象。

NodeList 对象代表一个有顺序的节点列表。NodeList 对象 我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始)。

提示： 你可以使用 NodeList 对象的length 属性来确定指定类名的元素个数，并循环各个元素来获取你需要的那个元素。

getElementById()

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

HTML DOM 定义了多种查找元素的方法，除了 getElementById() 之外，还有 getElementsByName() 和 getElementsByTagName()。

参考文档：

https://www.runoob.com/jsref/met-element-getelementsbyclassname.html

明日计划：

1 开始任务四

2 将小课堂完成