querySelectorAll与getElementsByTagName等区别

1，querySelector 获取的是nodeList,可直妆forEach循环

2，getElement获取到的是HTMLCollection，需要使用Array.from转换为数组后才可遍历，当然，可以直接用for，不需要转换

3，querySelector获取到的不是动态，而getElement获取到的是动态的。如下：

const insert = () => {
    const div = document.createElement("div")
    div.innerHTML = "vvvvvv"
    document.getElementById("app").appendChild(div)
}
const test = () =>{
    const aa = document.querySelectorAll("div")
    const bb = document.getElementsByTagName("div")
    insert()
    console.log(aa.length) // 此处不会把insert插件的DIV计算入内
    console.log(Array.from(bb).length)// 此处会把insert插件的DIV计算入内
}

test()