此笔记是我在拉勾学习课程过程中的总结，文字原创，笔记里很多技巧和知识是老师总结的，如果有侵权，请联系本人！
HTMLCollection 与 NodeList 的区别
HTMLCollection是 HTML 元素的集合。
NodeList 是一个文档节点的集合。
NodeList 与 HTMLCollection 有很多类似的地方。
NodeList 与 HTMLCollection 都与数组对象有点类似，可以使用索引 (0, 1, 2, 3, 4, ...) 来获取元素。
NodeList 与 HTMLCollection 都有 length 属性。
HTMLCollection 元素可以通过 name，id 或索引来获取。
NodeList 只能通过索引来获取。
只有 NodeList 对象有包含属性节点和文本节点。
```
<input type="button" value="按钮" class="btn" id="btn" disabled = "disabled">
<input type="button" value="按钮" class="btn" id="btn" disabled = "disabled">
<input type="checkbox" value="北京" class="choose" id="box" checked = "checked">
<script src="js/jquery-1.12.4.js"></script>
<script>
// 获取元素
var $btn = $(".btn");
var $choose = $(".choose");
var btn = document.querySelectorAll(".btn");
var btn1 = document.getElementsByClassName("btn");
var btn3 = document.getElementById("btn");
var btn4 = document.getElementsByTagName("input");
// console.log(btn);
// console.log(btn1);
// console.log(btn3);
console.log(btn4.box);
```
