如果不首先使用 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中。