querySelectAll和getElementBy的区别

Question

为什么
document.querySelectorAll("#main").childNodes 是undefined
document.getElementById("main").childNodes 有值

Answer 1

all获得的是一个nodeList类数组，你需要取第一个。

id是唯一的，所以建议使用querySelector，querySelector获得是一个元素

Answer 2

改用

document.querySelectorAll("#main")[0].childNodes

或者

document.querySelector("#main").childNodes

Answer 3

querySelector用的是css选择器语法，，get能获取到的就不要用query了，性能没有get好。