为了账号安全,请及时绑定邮箱和手机立即绑定

通过 iframeElement.contentDocument.body 访问时的

通过 iframeElement.contentDocument.body 访问时的

守着一只汪 2021-12-23 16:19:56
我在开发服务器上有一个非常简单的设置(两个页面都在我的本地测试服务器上localhost:5500),我有一个主页<!DOCTYPE html><html><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')但我想要包含子元素的 body 元素。任何人都可以向我解释为什么会发生这种情况
查看完整描述

1 回答

?
万千封印

TA贡献1891条经验 获得超3个赞

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


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


iframe.onload = function () {

    console.log(iframe.contentDocument.body);

}


查看完整回答
反对 回复 2021-12-23
  • 1 回答
  • 0 关注
  • 225 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号