javascript - 如何使用jquery在跨域iframe中更改css 跨域意味着外部链接

Question

我如何在 iframe 中实现 css 我的 url 来自跨域请帮助我如何做到这一点。

请检查我的代码:-

<iframe allowtransparency="true" frameborder="0" height="1200" 
  id="cpatsframe" scrolling="no" src="https://Ghost.Org/jobs? 
       aggregator_id=180015&amp;embed=1" style="position: relative; 
    overflow: hidden; height: 2909px;" width="100%">Sorry, iframes are not 
  supported.</iframe>


   <script>

    $("#myframe").contents().find(".myclass").css('background', 'red');


    </script>

但这不起作用请告诉我如何修复或工作。提前致谢

Answer 1

如果 iframe 在同一个域中，试试这个

 <script>
    $(document).ready(function(){
        var iFrameDOM = $("iframe#cpatsframe").contents();
        iFrameDOM.find(".myclass").css("background-color", "red");
    });
</script>

else There is no way to edit a Cross Domain IFrame. You can manipulate domains within the same level, or lower in your domain chain but there is no way to made changes in cross domain iframe.