nodelist 和HTMLCollection的区别

此笔记是我在拉勾学习课程过程中的总结，文字原创，笔记里许多技巧和知识是老师总结的，如果有侵权，请联系本人！

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);

“`