2010-04-30 107 views
0

我正在使用商业智能工具,该工具只允许我访问深度嵌套的iframe以添加代码。理想情况下,我想使用jQuery和/或普通的旧JavaScript来修改div的左侧和位置,即在IFRAME上方的3个iframe。从深度嵌套的IFRAME中修改DIV CSS属性

我有机会获得reportiframe IFRAME内的JavaScript/HTML代码添加到divArea0_1。我想要修改IFRAME中包含的DIV中的012IV。 希望下面的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> 

回答

0

假设id不变,直接引用元素的id是最快的选择器。使用CSS方法和对象字面改变位置(假设它显示:绝对)

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

如果我在不同的iframe访问的元素,不我已经指定范围内?我只是不确定如何向上移动2个iframe。 谢谢。 – clintboxe 2010-05-03 15:12:54