如何从 iframe 元素更改元素属性
How to change elements attribute from iframe element?
我正在尝试从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>
我希望能够在单击iframe
内的"单击"时更改"测试"div高度。
在我的options.js
我有..
$('#click).click(function(){
alert('pop')
$('#test').attr('height','500');
})
警报会弹出,但它似乎不会改变div
的高度。谁能帮我解决这个问题?多谢!
作为jQuery解决方案,你可以在iframe中使用这样的东西。
$('#test', window.parent.document).css('height', '500px');
或
$(window.parent.document).find('#test').css('height', '500px');
对于第一个示例,$()
中的第二个参数是要在其中搜索的上下文。另请注意,我使用了css()
而不是attr()
,因为您正在尝试修改元素的样式,而不是属性。
试试这个:D
<a id='click' href='#' onClick='parent.document.getElementById('"test'").style.height='"50px'"'>click<a/>
相关文章:
- javascript来显示元素属性
- 自定义HTML元素属性未显示-Web组件
- 主元素属性?(或技术)
- 使用模板后,使用Angular获取元素属性值
- 如何从不同范围外的元素属性中获取求值表达式
- 可以't访问元素属性(如果已明确设置)
- 传递引用 jQuery 后无法访问元素属性
- 如何替换元素属性中的部分文本
- 添加新元素属性
- 如何使用jQuery访问父元素属性
- 使用jQuery.attr()方法获取元素属性
- 修改时,哪些DOM元素属性会导致浏览器执行回流操作
- Javascript数据将元素属性绑定到URL中的锚href
- 初始化可从元素属性值观察到的Knockout
- 获取内联样式中的元素属性
- 如何在 html 元素属性中使用 Angular 2 外推法
- 将元素属性与 javascript 折叠方法结合使用时,引导折叠无法正常工作
- 如何观察聚合物元素属性值从索引.html的变化
- 使用 JavaScript 修改 DOM 元素属性
- 聚合物节点到元素属性