时间戳

首页 > 解决方案 > 从父页面更改 iframe 中 div 的背景颜色不起作用

javascript - 从父页面更改 iframe 中 div 的背景颜色不起作用

问题描述

我在<head>父页面中有这个：

<script type="text/javascript">
    $(document).ready(function () {
        $('#innerframe').load(function () {
            $(this).contents().find($(".TitleBG")).css("background-color", "red");
        });
    });
</script>

<iframe src="/HomePage.aspx" onload="GetAlerts();" id="innerframe"></iframe>

然后我在 iframe 的 .aspx 页面中有一个示例 div：

<div class="col-md-12">
    <div class="col-md-1 TitleBG">Drive</div>
    <div class="col-md-3 TitleBG">Name</div>
    <div class="col-md-1 TitleBG">Type</div>
    <div class="col-md-1 TitleBG">Format</div>
    <div class="col-md-2 TitleBG">Free Space</div>
    <div class="col-md-2 TitleBG">Available Space</div>
    <div class="col-md-2 TitleBG">Drive Size</div>
</div>

我想替换具有“TitleBG”类的 div 的背景颜色属性，但我的尝试似乎不起作用（在 jquery 之上）？

不过，当我$(".TitleBG").css("background-color", "red");在父页面中执行 on 元素时，它会起作用。

标签： javascriptjqueryhtmlcssiframe

解决方案

代替

find($(".TitleBG"))

采用

find(".TitleBG")

推荐阅读