2013-10-15 63 views
2

我有一個類已經定義的CSS樣式。我現在試圖將該頁面加載爲其他網站中的IFRAME。我想從加載的站點更改該特定類的css屬性。是否有可能與jQuery。我試圖從我的結尾沒有得到。誰能幫我...是否有可能使用jquery動態地改變類的css屬性?

+0

你能告訴我們你試過了什麼嗎?你有沒有試過$(「#mydiv」).css(「color」,「green」); – aelor

+0

所以你想改變一個iframe中的CSS? –

+0

如果頁面與其包含的網站位於相同的域中,那麼您將能夠執行此操作,但出於安全原因無法操作iframe的內容。 – Joe

回答

7

由於same-origin policy,您不能更改iframe中的元素樣式。

+4

我認爲你應該添加「..如果iframe是在不同的域名」。 –

+1

只有當OP提到頁面和iframe頁面位於不同的域時,這個答案纔是恰當的。 – melancia

+1

明白了。所以,這是對的。 – melancia

-2
$(".classname").css("propertyname","setvalue"); 

例如

$(".classname").css("height","50px"); 

iframe的使用像

$("iframe").contents().find(".classname").css("propertyname","setvalue"); 

參考css

contains-selector

+0

我不認爲這是問題的答案,對不起 –

+0

爲什麼downvote downvoter –

+1

這將工作,因爲你選擇的類的元素和改變他們的CSS屬性,但這不完全是OP所要求的。順便說一句,我沒有投票你的答案。只是澄清。 – melancia

-2

您可以添加或使用jQuery刪除類如下方式

$(".classname").addClass('new-classname'); 
$(".classname").removeClass('remove-classname'); 
+0

與@Rituraj ratan答案一樣的問題。 – melancia

-1

你也可以使用ATTR屬性改變的Html的特定屬性的值。

$("img").attr("width","500"); 

或者

$("#tagid").attr("width","500"); 

$(".tagclass").attr("width","500"); 

但在一個頁面,你不能改變它在IFRAME加載子頁面的屬性。

+0

您試圖補充它,但它仍然不完整 - 所以錯了。 – melancia

+0

您可以在子頁面中編寫代碼,但只能處理該頁面的事件。父頁面只能處理其對象。 – Manwal

相關問題