javascript - 如果不先使用 Chrome 开发工具检查元素，则无法在 Google Chrome 控制台中选择 DOM 元素

Question

我在使用 Google Chrome 开发控制台时遇到了一些非常奇怪的事情。

首先，我重新加载页面 (ctrl + F5)，然后启动 Google Chrome 开发控制台 (F12) 并尝试输入

document.getElementById('myElement')

Chrome 控制台的响应:

null

这很奇怪，因为我实际上可以在页面上看到我的元素，并且在使用 Chrome 开发工具检查该元素(右键单击该元素并选择 Inspect)并切换回控制台选项卡后，再次输入: document.getElementById('myElement') 我终于得到了正确的结果:

<input type="text" id="myElement" class="urEdf2Txt" autocomplete="off" size="10" maxlength="6" value="1.39" />

注意:我总是等到页面完全加载并等到元素完全可见，然后再尝试上述过程。

Answer 1

这通常发生在iframe上。尝试查看目标元素是否位于页面的 iframe 中。