我有這樣的iframe:如何改變的iFrame風格
<iframe id="myiframe" src="..." style="width: 90px; height: 70px">
</iframe>
我怎樣才能改變寬度?我試過:
$("#myiframe").attr("width", 104);
但是iframe顯示的寬度爲90px。
我該如何改變90px?謝謝!!!
我有這樣的iframe:如何改變的iFrame風格
<iframe id="myiframe" src="..." style="width: 90px; height: 70px">
</iframe>
我怎樣才能改變寬度?我試過:
$("#myiframe").attr("width", 104);
但是iframe顯示的寬度爲90px。
我該如何改變90px?謝謝!!!
$("#myiframe").css({"width": 104});
作品完美:) – Mateo
@ Johnathan的答案更好。我用這種方式寫出來,表明樣式不是元素的屬性,但需要分開處理。但是,在這種情況下,'width'功能更清晰。 –
嘗試
$("#myiframe").attr("width", "104px");
屬性和屬性是兩回事。 OP試圖通過使用jQuery的'attr()'方法來改變一個CSS屬性。 – Sparky
使用$.width()
方法:
$("#myiframe").width(104);
注意,此方法既是一個getter和一個setter。傳遞一個值會爲匹配的元素聲明一個寬度,傳遞沒有值會返回匹配元素的當前寬度。
alert($("#myiframe").width()); // 104
有什麼不對改變值內聯?
<iframe id="myiframe" src="..." style="width: 104px; height: 70px">
</iframe>
然而,jQuery代碼有一個缺陷:它添加一個width
屬性的iframe,它不改變其style
。
您正在混淆屬性的屬性。屬性只是設置初始值。你想'HTMLIFrameElement.style.width'。或者,您可以去除內聯樣式屬性並使用「HTMLIFrameElement.width」和「HTMLIFrameElement.height」。 – 2011-06-28 16:11:00