gpt4 book ai didi

javascript - 通过 iframeElement.contentDocument.body 访问时的 iframe 主体是一个空节点

转载 作者:行者123 更新时间:2023-12-01 00:28:23 25 4
gpt4 key购买 nike

我在开发服务器上有一个非常简单的设置(两个页面都在我的本地测试服务器 localhost:5500 上),我有一个主页

<!DOCTYPE html>
<html lang="en">
<head>
<title>Example Mockup</title>
</head>
<body>
<iframe src="./nested.html" id="frame"></iframe>
<script>
var iframe = document.getElementById('frame');
console.log(iframe.contentDocument.body);
</script>
</body>
</html>

和一个嵌套页面

<html>
<body>
<div id="hello">Hello, World</div>
</body>
</html>

当我在浏览器中加载主页时,写入控制台的输出为:<body></body>我可以访问元素 #hello使用iframe.contentDocument.getElementById('hello')但我想要包含子元素的主体元素。谁能向我解释一下为什么会发生这种情况

最佳答案

您必须等到 iframe 完全加载才能访问其主体。

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

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

关于javascript - 通过 iframeElement.contentDocument.body 访问时的 iframe 主体是一个空节点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58802010/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com