jQuery的問題添加CSS到iframe中的內容

我已經找到了如何添加CSS來iFrame內容的多個職位，這是我的代碼：jQuery的問題添加CSS到iframe中的內容

$(function() { 
    $('iframe').addClass('bro'); //does work 
    $('iframe').contents().find('html').addClass('broz'); //doesn't work 
    $('iframe').contents().find('.side-section').addClass('brozzz'); //doesn't work 
});

的第一個作品，符合市場預期，但其它所有的標識符不起作用。我只是想測試他們爲什麼不工作，這不是我正在做的實際工作。

這是IFRAME代碼：

<iframe src="http://www.dropcards.com/download/profilewidget/?ArtistID=17121" width="400" height="230" scrolling="no" frameborder="0" allowtransparency="true" ></iframe>

來源

2012-07-14 Nils_e

使用最新的jQuery如果有問題 – 2012-07-14 22:03:37

不能修改頁面的DOM的iframe，如果頁面不是來自同一個域中包含的iframe的域。這個想法是爲了防止XSS，跨邊界腳本。

您可以在這裏找到更多信息same origin policy

在第一種情況下，你正在修改你的頁面的DOM，在未來2的情況下，這一點，因爲，你沒有訪問該頁面的DOM是不可能的包含在iframe中

來源

2012-07-14 22:07:33 sanz

好的感謝信息！有趣的是，所有關於如何做到這一點的問題從不提及它是否來自同一個域，但我明白爲什麼這個功能在那裏：http://stackoverflow.com/questions/3714880/how-to-適用-CSS到iframe的內容 – 2012-07-14 22:12:42

如果iframe的內容來自另一個域，則不允許對它們進行操作。

來源

2012-07-14 22:08:38 undefined

jQuery的問題添加CSS到iframe中的內容

回答

相關問題