document.body 评估为 null

Question

每当我尝试使用document.body.appendChild时，它都会评估为null 。 这是我的代码：

document.body.appendChild(c92w46);

我收到此错误：

main.js:96 Uncaught TypeError: Cannot read property 'appendChild' of null

Answer 1

很可能它试图在 DOM 准备好之前到达 body。 您应该使用DOMContentLoaded事件进行 DOM 操作。

https://developer.mozilla.org/en-US/docs/Web/API/Window/DOMContentLoaded_event

window.addEventListener('DOMContentLoaded', (event) => {
    document.body.appendChild(<element>);
});

否则，最好共享更多代码。