js获取iframe里面dom元素?求测试过的
网上教程全看过了,求看一下我这个到底是出了什么问题???
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(6)
@红薯 ,这个提问后面这么多空白的:没有文字只有<br/>,是否考虑自动过滤内容之后这些看不见的内容。
感谢
你的方法没问题,只是调用的时候,iframe 还没有渲染完成。
谢谢了
回复
谢谢大哥详细解决了我的问题,非常感谢
执行到$(function(){...})时iframe并不一定完全加载,此时只是dom准备完毕,用下面的方法就可以了 window.onload= function(){ var o = window.frames["myFrame"].document.getElementById("div1"); console.log(o); }