js获取iframe里面dom元素?求测试过的

发布于 2021-11-26 23:50:57 字数 2679 浏览 928 评论 6

网上教程全看过了,求看一下我这个到底是出了什么问题???

test.html

<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script src="js/jquery-1.11.3.js"></script>
  <style>
* {padding: 0; margin: 0;}
body,html {width: 100%; height: 100%;}
  </style>
 </head>
 <body>
<iframe id="myFrame" name="myFrame" src="test2.html" frameborder="0"></iframe>
 </body>


 <script>
;$(function() {
var o = window.frames["myFrame"].document.getElementById("div1");
console.log(o);
});
 </script>
</html>

test2.html:

<!doctype html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <script src="js/jquery-1.11.3.js"></script>
  <style>
* {padding: 0; margin: 0;}
body,html {width: 100%; height: 100%;}
  #div1 {height: 200px; background: red;}
  </style>
 </head>
 <body>
    <div id="div1">
      <p>123456</p>
    </div>
 </body>


 <script>

$(function() {
})
 </script>
</html>

我想知道为什么获取的null?????????????????????????

贴上教程:

http://blog.jjonline.cn/userInterFace/140.html

求大哥大姐测试过了,给小弟指点一下,参照我的源码,是在同域下的,不考虑跨域。。。

































































































如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(6

情痴 2021-12-02 08:41:11

@红薯 ,这个提问后面这么多空白的:没有文字只有<br/>,是否考虑自动过滤内容之后这些看不见的内容。

泛滥成性 2021-12-02 08:33:58

你的方法没问题,只是调用的时候,iframe 还没有渲染完成。

冬天旳寂寞 2021-12-02 08:29:54

谢谢了

醉酒的小男人 2021-12-02 04:56:21

回复
谢谢大哥详细解决了我的问题,非常感谢

毁梦 2021-11-27 10:51:25

执行到$(function(){...})时iframe并不一定完全加载,此时只是dom准备完毕,用下面的方法就可以了 window.onload= function(){ var o = window.frames["myFrame"].document.getElementById("div1"); console.log(o); }

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文