使用jQuery更改iframe内部元素的样式

Question

我试图改变iframe中元素的颜色，如下所示：

<iframe width="1000" height="700" scrolling="no" id="prev" src="http://matchesfashion.com">your browser needs to be updated.
</iframe>

$(function(){
  $("#prev").contents().find(".inner-border").css("color", "red");
});

在CodePen上：http://codepen.io/itsthomas/pen/oXpdrp?editors=101

但它不起作用。知道为什么吗？

非常感谢你的帮助

Answer 1

简单回答：不！

浏览器根据 Same Origin Policy 和 laws of cross domain communication 的原则处理域名安全。

在这篇博客文章How To Build A Read/Write JavaScript API上查看关于创建读写JS API的有趣读物