document.querySelector返回null

Question

我正在尝试创建自己的jQuery版本。到目前为止，我正在使用此代码来测试我的选择器：

js(".hide");

function js(selector){
    var applyTo = document.querySelector(selector);
    applyTo.style.color = 'red';
}

但是，这不起作用，错误控制台说：
Uncaught TypeError: Cannot read property 'style' of null 为什么applyTo为空？

Answer 1

如果选择器没有为您提供任何元素，则不会失败：

function js(selector){
    var applyTo = document.querySelector(selector);
    if(applyTo) { applyTo.style.color = 'red'; }
}

确保在DOM加载后才调用它。