Question

我正在使用商业智能工具，只允许我访问深度嵌套的iframe来添加代码。理想情况下，我想使用jQuery和/或普通的旧JavaScript来修改div的左侧和位置CSS，这是我的IFRAME上面的3个iframe。

我可以在 reportiframe IFRAME中向 divArea0_1 添加JavaScript / HTML。我想修改 JSTabbedPanel IFRAME中包含的 propdiv DIV。希望下面的HTML足够清晰。 :)非常感谢任何想法或帮助。

<html>
<div id = "tabs">
<iframe id = "tabbedPanel">
    <iframe id = "JSTabbedPanel">
        <div id = "treeTypeDiv">
            <div id = "treediv">
                <iframe id = "treeFrame"></iframe>
            </div>
            <div id = "propdiv">
                <iframe id = "propFrame">
                    <div id = "reportpane">
                        <iframe id = "reportiframe">
                            <div id = "divEntire">
                                <div id = "divArea0_1">
                                    <div id = "MyCode goes HERE"></div>
                                </div>
                            </div>
                        </iframe>
                    </div>          
                </iframe>               
            </div>              
        </div>
    </iframe>
</iframe>
</div>
</html>

Answer 1

假设id不改变，直接引用元素的id是最快的选择器。使用css方法和对象文字来改变位置（假设它是display：absolute）

$(document).ready(function() {
    $('#propdiv').css({top:'12px', left: '34px'});
});

从深层嵌套的IFRAME中修改DIV CSS属性

1 个答案: