如何更改 iFrame 样式答案

【问题标题】：How to change iFrame style如何更改 iFrame 样式
【发布时间】：2011-06-28 16:01:54
【问题描述】：

我有这个 iframe：

<iframe id="myiframe" src="..." style="width: 90px; height: 70px">
</iframe>

如何更改宽度？我试过了：

$("#myiframe").attr("width", 104);

但 iframe 显示的宽度为 90 像素。

如何更改 90px ？谢谢！！！

【问题讨论】：

您混淆了属性的属性。属性只是设置初始值。你想要HTMLIFrameElement.style.width。或者，您可以去掉内联样式属性并使用HTMLIFrameElement.width 和HTMLIFrameElement.height。

【解决方案1】：

$("#myiframe").css({"width": 104});

【讨论】：

【解决方案2】：

使用$.width() 方法：

$("#myiframe").width(104);

请注意，此方法既是 getter 也是 setter。传入一个值将声明匹配元素的宽度，不传值将返回匹配元素的当前宽度。

alert( $("#myiframe").width() ); // 104

【讨论】：

【解决方案3】：

内联更改值有什么问题？

<iframe id="myiframe" src="..." style="width: 104px; height: 70px">
</iframe>

但是，您的 jQuery 代码有一个缺陷：它向 iframe 添加了一个 width 属性，它没有更改它的 style。

【讨论】：

【解决方案4】：

试试

$("#myiframe").attr("width", "104px");

【讨论】：