如何更改iFrame样式

Question

我有这个iframe：

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

如何更改宽度？我试过：

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

但是iframe的宽度为90px。

如何更改90px？感谢!!!

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");