如何更改iFrame样式

Question

我有这个iframe:

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

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

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

但是iframe显示的宽度是90px。

我如何更改90像素？谢谢

Answer 1

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

Answer 2

使用$.width()方法：

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

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

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

在线演示：http://jsbin.com/egozax/edit

Answer 3

内联更改值有什么问题？

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

然而，jQuery代码有一个缺陷：它向iframe添加了width属性，而没有更改其style。

Answer 4

尝试

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