如何通过iframe上的jquery访问div元素？

Question

如何通过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元素？

Answer 1

  

为什么我无法访问div元素？

出于安全考虑。如果此iframe指向与父页面相同的域，则只能访问子iframe的DOM元素。在示例中，您显示父页面托管在jsfiddle.net上，而iframe的src属性如果指向meoooh.raonnet.com这两个不同的域名和浏览器不允许您这样做。只有当两个域相同时，您才能访问iframe中的元素。

Answer 2

Chrome在控制台中返回以下错误：

  

阻止原始“http://fiddle.jshell.net”的框架访问框架   原籍“http://meoooh.raonnet.com”。 协议，域和端口必须匹配。