2011-06-28 44 views
1

我有這樣的iframe:如何改變的iFrame風格

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

我怎樣才能改變寬度?我試過:

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

但是iframe顯示的寬度爲90px。

我該如何改變90px?謝謝!!!

+1

您正在混淆屬性的屬性。屬性只是設置初始值。你想'HTMLIFrameElement.style.width'。或者,您可以去除內聯樣式屬性並使用「HTMLIFrameElement.width」和「HTMLIFrameElement.height」。 – 2011-06-28 16:11:00

回答

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

作品完美:) – Mateo

+0

@ Johnathan的答案更好。我用這種方式寫出來,表明樣式不是元素的屬性,但需要分開處理。但是,在這種情況下,'width'功能更清晰。 –

-1

嘗試

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

屬性和屬性是兩回事。 OP試圖通過使用jQuery的'attr()'方法來改變一個CSS屬性。 – Sparky

1

使用$.width()方法:

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

注意,此方法既是一個getter和一個setter。傳遞一個值會爲匹配的元素聲明一個寬度,傳遞沒有值會返回匹配元素的當前寬度。

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

在線演示:http://jsbin.com/egozax/edit

0

有什麼不對改變值內聯?

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

然而,jQuery代碼有一個缺陷:它添加一個width屬性的iframe,它不改變其style