使用javascript在iframe中通过id更改元素的css样式

Question

我想更改iframe中<p>的颜色，我尝试了这个：

<script type="text/javascript">
$(document).ready(function() { 
$('iframe').contents().find('#red').css('color','red'); });
</script>

它不起作用。 有什么问题？

抱歉，我是初学者。

Answer 1

这是完整的解决方案。

脚本

<script type="text/javascript">
    $(function(){
        $('#myframe').load(function(){
            $('#myframe').contents().find('#pred').css('color','red'); 
        });
    });
</script>

HTML

<iframe id="myframe" srcdoc="<p id='pred'>Hello</p>">
    <p>Your browser does not support iframes.</p>
</iframe>

只有当您尝试将＆＃34; src＆＃34;属性而不是＆＃34; srcdoc＆＃34;。 要了解更多信息，请查看以下链接

SecurityError: Blocked a frame with origin from accessing a cross-origin frame