为何document.querySelector("tr")无法找到已确认存在的tr元素？

• 元素处于非渲染容器中：如果被包裹在<template>这类不参与DOM渲染的标签里，浏览器不会把它加入到可访问的DOM树中，document.querySelector自然找不到它。
• HTML结构不规范被浏览器修正：<tr>必须嵌套在<table>、<thead>、<tbody>或<tfoot>标签内才符合规范。要是缓存的文本里直接放在这些容器外面，浏览器打开时会自动修正DOM结构——要么把移到合适的容器里，要么直接丢弃，导致DOM里实际不存在这个元素。
• 动态渲染的内容未执行：原页面可能是通过JS动态生成的，你缓存的文本里的可能只是服务器返回的模板代码。打开缓存页面时没有对应的JS运行，所以DOM里不会生成这个元素；还有可能缓存的文本里的是被注释掉的，浏览器不会解析。
• DOM与缓存文本不一致：浏览器保存的HTML文本和实际解析后的DOM可能有差异，比如浏览器自动补全缺失的标签、移除无效代码，导致你看文本里有，但DOM里已经被处理掉了。

内容的提问来源于stack exchange，提问作者Carson