如何在iFrame中更改css background-color

时间:2014-05-14 06:40:29

标签: javascript jquery html css iframe

我从iframe获取html代码,并希望为此类设置背景颜色:class="body"

我的HTML源代码如下:

<iframe id="sc_ext_XT29EK" class="sc_ext" width="100%" height="1300px" frameborder="0" src="some-url" scrolling="no">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<body class="body">

    ....

</html>

我尝试过这个jQuery代码但不适合我。

<script type='text/javascript'> 
    $('iframe').load(function() {
        $("iframe").contents().find(".body").css('background-color', 'red'); 
    });  
</script>

首先,我试图检查颜色是否有效。如果有效,我想将background-color设置为none

有可能吗?

感谢。

1 个答案:

答案 0 :(得分:1)

不,这是不可能的。您不能访问不同来源的页面的DOM。

如果你有skycheck的合作,你可以post a message到框架中的页面,它可以监听该消息并根据它设置类。