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

vcxiaohan 发布于 2016/01/25 21:27
阅读 942
收藏 0

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

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

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

































































































加载中
0
maosi
maosi
执行到$(function(){...})时iframe并不一定完全加载,此时只是dom准备完毕,用下面的方法就可以了 window.onload= function(){ var o = window.frames["myFrame"].document.getElementById("div1"); console.log(o); }​
v
vcxiaohan
回复 @vcxiaohan : 谢谢大哥详细解决了我的问题,非常感谢
v
vcxiaohan
谢谢了
1
bhpx
bhpx
你的方法没问题,只是调用的时候,iframe 还没有渲染完成。
v
vcxiaohan
感谢
0
红薯官方
红薯官方
@红薯 ,这个提问后面这么多空白的:没有文字只有<br/>,是否考虑自动过滤内容之后这些看不见的内容。
返回顶部
顶部