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

Question

我在谷歌Chrome开发控制台上遇到了一些非常奇怪的东西。

首先我重新加载我的页面(ctrl+F5(，然后我启动Google Chrome Dev控制台(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中。