如何通过iframe上的jquery访问div元素?
我试过这个(jsFiddle)
<script>
var ifr = $("#ifr");
$("#ifr").load(function () {
alert($("#ifr").contents().find('#test').html());
});
$("#ifr").attr('src', 'http://meoooh.raonnet.com/test/oh.html');
</script>
<iframe id="ifr" width="560" height="315"></iframe>
和
我收到undefined
提醒。
为什么我无法访问div元素?
答案 0 :(得分:1)
为什么我无法访问div元素?
出于安全考虑。如果此iframe指向与父页面相同的域,则只能访问子iframe的DOM元素。在示例中,您显示父页面托管在jsfiddle.net
上,而iframe的src
属性如果指向meoooh.raonnet.com
这两个不同的域名和浏览器不允许您这样做。只有当两个域相同时,您才能访问iframe中的元素。
答案 1 :(得分:0)
Chrome在控制台中返回以下错误:
阻止原始“http://fiddle.jshell.net”的框架访问框架 原籍“http://meoooh.raonnet.com”。 协议,域和端口必须匹配。