0

我试图从我的内部设置 div 的高度iframe

我有类似的东西

<div id='test' style='height:150px;'>some stuff..</div>

<iframe id="test" src="http://www.myproject.com frameborder="0" scrolling="no">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
   <title>test project</title>
   <link rel="stylesheet" type="text/css" href="g_reset.css">
   <script type="text/javascript" src="options.js"></script>
   </head>
   bunch of html...
   <a id='click' href='#'>click<a/>
</iframe>

当我在我的iframe.

在我的options.js我有..

$('#click).click(function(){
   alert('pop')
   $('#test').attr('height','500');
})

警报会弹出,但它似乎并没有改变div. 谁能帮我解决这个问题?多谢!

4

2 回答 2

1

作为 jQuery 解决方案,您可以在 iframe 中使用类似的内容。

$('#test', window.parent.document).css('height', '500px');

或者

$(window.parent.document).find('#test').css('height', '500px');

对于第一个示例, 中的第二个参数$()是要在其中搜索的上下文。另请注意,我使用css()而不是attr()因为您尝试修改元素的样式,而不是属性。

于 2013-09-30T02:03:50.197 回答
0

试试这个:D

<a id='click' href='#' onClick='parent.document.getElementById(\"test\").style.height=\"50px\"'>click<a/>
于 2013-09-28T23:54:02.073 回答