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

Question

我想改变 <p> 的颜色那是在 iframe 中，我试过这个:

<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>

仅当您尝试放置“src”属性而不是“srcdoc”时才会出现此问题。要了解更多信息，请查看以下链接

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