HTMLCollection 返回 null

Question

我已經查看了其他 stackoverflow 帖子，但沒有一個可以解決我的錯誤。

嘗試使用 class 名稱“CodeMirror-code”獲取外部 div 中的 div

我正在構建一個 chrome 擴展，它直接修改特定網頁的 html 內容以及當我調用時

const variable = document.getElementsByClassName('CodeMirror-code');

console.log(variable);

console.log("Length:", variable.length);

output 是：這個

現在，當我嘗試調用 HTML 集合的第一項時

variable.item(0)

這將返回未定義或 null

其他解決方案說您應該將代碼包圍在 window.onload function 中，以便加載 DOM 元素。我這樣做了，沒有任何變化。 有什么辦法可以解決這個錯誤嗎？

更新：這是 HTML 集合中的內容

Answer 1

在 window.onLoad 中以設定的間隔 function 包圍您的代碼，並添加一些延遲（例如 2000 持續 2 秒）。 唯一給 HtML 集合 null 的是 dom 元素的加載延遲。 如果添加延遲仍然沒有幫助，那么嘗試回溯您的 div 的父母，看看您的 js 代碼能夠捕獲預期的 div 直到什么時候。 然后檢查是加載時間問題還是代碼的scope問題。