document.querySelector为空

document.querySelector为空的原因可能有以下几种情况：
1. 没有匹配到任何元素：如果选择器没有匹配到任何元素，那么querySelector将返回null。
2. 元素还未加载：如果在元素加载之前调用querySelector，它也会返回null。在这种情况下，可以将查询操作放在DOMContentLoaded事件处理程序中，以确保元素已经加载完毕。
3. 选择器语法错误：如果选择器语法错误，querySelector也会返回null。请确保选择器的语法正确。

以下是一个示例，演示了当document.querySelector为空时的处理方法：

document.addEventListener('DOMContentLoaded', function() {
  var element = document.querySelector('.example');
  if (element) {
    // 执行操作
  } else {
    console.log('未找到匹配的元素');
  }
});