Javascript 如何从iframe元素更改elements属性？_Javascript_Jquery_Iframe

Javascript 如何从iframe元素更改elements属性？

javascript jquery iframe

Javascript 如何从iframe元素更改elements属性？,javascript,jquery,iframe,Javascript,Jquery,Iframe,我正试图从我的iframe内部设置div的高度我有点像 <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&g

我正试图从我的

iframe

内部设置div的高度

我有点像

<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>

警报将弹出，但似乎不会改变

div

的高度。有人能帮我解决这个问题吗？非常感谢

试试这个：D

<a id='click' href='#' onClick='parent.document.getElementById(\"test\").style.height=\"50px\"'>click<a/>

点击

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

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

或

对于第一个示例，

$（）

中的第二个参数是要在其中搜索的上下文。还请注意，我使用了

css（）

而不是

attr（）

，因为您试图修改元素的样式，而不是属性。

iframe是从实现iframe的主窗口的相同域/端口/协议加载的吗？@StevenV yes。它在同一个域中。

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

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