使用 JavaScript 在 iframe 中通过 ID 更改元素的 CSS 样式

change css style of an element by id in iframe with javascript

本文关键字：元素 样式 CSS ID JavaScript iframe 使用      更新时间：2023-09-26

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

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

它没有用。怎么了？

对不起，我是初学者。

这是完整的解决方案。

脚本

<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"时，才会出现问题。要找到更多关于它的信息，请查看下面的链接

安全错误：阻止具有源的帧访问跨源帧

相关文章：