How to change iFrame style

Question

I have this iframe:

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

How can I change the width ? Ive tried with:

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

But the iframe is showing with a width of 90px.

How can I change that 90px ? Thanks!!!

Answer 1

Use the $.width() method:

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

Note that this method is both a getter, and a setter. Passing it a value will declare a width for the matched element, and passing no value will return the current width of the matched element.

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

Online Demo: http://jsbin.com/egozax/edit

Answer 2

What's wrong with changing the value inline?

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

However, your jQuery code has a flaw: it's adding a width property to the iframe, it's not changing its style.

Answer 3

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

Answer 4

try

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