document.querySelector在哪个生命周期运行

`document.querySelector()` 是 JavaScript 中用于选择文档中第一个匹配指定CSS选择器的元素的方法，它通常在浏览器的DOM（Document Object Model）加载完成之后运行。这个操作发生在DOMContentLoaded事件触发后，即页面结构已经解析完毕并且可以被JavaScript访问的时候。

在浏览器中，这个过程大体上按照以下顺序进行：

1. **初始渲染**：HTML内容被下载并解析成DOM树。
2. **DOMContentLoaded**：当DOM树构建完成后，DOMContentLoaded事件会被触发，这时你可以开始使用 `document.querySelector` 等DOM操作方法。
3. **后续脚本执行**：JavaScript引擎会继续执行后续的脚本，包括那些在`<script>`标签内的，或通过`<script async>`、`<script defer>`引入的。

如果你需要确保元素已经被完全渲染，可以在回调函数中使用 `DOMContentLoaded` 事件处理程序来执行查询操作：

window.addEventListener('DOMContentLoaded', function() {
  const element = document.querySelector('#myElement');
});