如果不首先使用 Chrome 开发工具检查元素，则无法 select 谷歌 Chrome 控制台中的 DOM 元素

Question

我在使用 Google Chrome Dev Console 时遇到了一些非常奇怪的事情。

首先我重新加载我的页面（ 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中。