Javascript 如何更改iFrame样式

我有一个iframe：

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

但iframe显示的宽度为90px

我怎样才能改变90像素？谢谢

试试看

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

使用以下方法：

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

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

---

在线演示：

内联更改值有什么问题

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

---

但是，jQuery代码有一个缺陷：它向iframe添加了一个

width

属性，没有改变它的

样式

您混淆了属性的属性。属性只是设置初始值。您需要

htmliframelement.style.width

。或者，您可以去掉内联样式属性并使用

htmliframelement.width

和

htmliframelement.height

@Johnathan的答案更好。我这样写是为了说明样式不是元素的属性，而是需要单独处理。但是，在这种情况下，

width

函数更简洁。属性和属性是两个不同的东西。OP试图使用jQuery的

attr（）

方法更改CSS属性。

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

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

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