Javascript 通过iframeElement.contentDocument.body访问时，Iframe正文为空节点

我在dev服务器上有一个非常简单的设置（两个页面都在我的本地测试服务器

localhost:5500

），其中有一个主页

模型示例
var iframe=document.getElementById（'frame'）；
log（iframe.contentDocument.body）；

和一个嵌套页面

你好，世界

当我在浏览器中加载主页时，写入控制台的输出为：

---

我可以使用

iframe.contentDocument.getElementById（'hello'）

访问元素

#hello

，但我希望body元素包含子元素。任何人都可以向我解释为什么会发生这种情况

您必须等到iframe完全加载后才能访问它的主体

var iframe = document.getElementById('frame');

iframe.onload = function () {
    console.log(iframe.contentDocument.body);
}

---

您必须等到iframe完全加载后才能访问它的主体

var iframe = document.getElementById('frame');

iframe.onload = function () {
    console.log(iframe.contentDocument.body);
}

---

如果在执行脚本之前加载iframe，则不会触发此操作。这是不可能发生的，因为iframe内容是通过网络请求加载的，并且脚本是内联的。我不会打赌。它可能来自缓存，您可以在onload语句之前执行更多脚本。如果在执行脚本之前加载iframe，则不会触发此操作，因为iframe内容是通过网络请求加载的，并且脚本是内联的。我不会打赌。它可以来自缓存，并且在onload语句之前可以执行更多脚本