使用Jquery在iframe中动态应用CSS样式

我有一个包含多个类的iframe内容。即，页眉、页脚

我想使用jquery为这些类动态应用css样式

我尝试用下面的方法只应用页眉，但如何动态应用页脚（如果我们有多个类）

$('#iframe').find('.header').css({
            'color': objProp.cssstyles['header']['color'],
            'background-color': objProp.cssstyles[pageSection]['background']                
        });

我有一个json数据

var objProp = {            
        "cssstyles": {
            "header": {
                "background": "#FFFFFF",
                "color": "#959597"
            },               
            "footer": {
                "background": "#2b9ef0",
                "color": "#f7992d"                  
            }
        }
    };

---

您可以参考下面的代码以了解想法。这个演示HTML不包含任何

iframe

，但我认为您可以根据您的HTML来管理它 请参阅jQuery的文档以获取进一步的帮助。

var objProp={
“cssstyles”：{
“标题”：{
“背景”：“FFFFFF”，
“颜色”：“#9597”
},               
“页脚”：{
“背景”：“2b9ef0”，
“颜色”：“f7992d”
}
}
};
$（文档）.ready（函数（）{
var cssStyles=objProp[“cssStyles”]；
for（cssStyles中的var键）{
var cssObjToApply=cssStyles[key]；
$（“+key）.css（cssObjToApply）；
}
});  

这是标题
这是页脚
您是否已成功更改iframe中任何内容的任何样式？从您显示的代码的外观来看，您似乎无法成功地使用标题。需要页面的HTML和iframe中页面的HTML。如果您不能在iframe中控制页面，那么请忘记整个想法。