是否可以編輯DOM元素，通過使用jQuery通過<iframe>加載？

我有以下的HTML代碼：是否可以編輯DOM元素，通過使用jQuery通過<iframe>加載？

<body> 
    ... 
    <div id="users"> 
     <iframe src="http://control.intranet/userlist.php" height="100"> 
    </div> 
    ... 
</body>

凡//control.intranet/userlist.php加載從我們的內部網絡控制面板的用戶列表。

這份名單看起來是這樣的：

<div class="user"> 
    <span class="name">Boda Cydo</span> 
    <span class="ip">10.42.12.2</span> 
    ... 
</div> 
<div class="user"> 
    ... 
</div> 
...

現在我想格式化用戶列表的樣子，所以我儘量用jQuery匹配它的元素：

$("#users .name").css("background-color", "#FF0000")

但它永遠不會匹配單身.name。

我甚至嘗試了$("#users").length並返回0

這讓我覺得，我不能編輯通過iframe中加載使用jQuery的DOM元素。真的嗎？如果是這樣，我該如何編輯通過iframe加載的元素的CSS？

謝謝，Boda Cydo。

來源

2010-09-26 bodacydo

IFRAME加載完成後Javascript回調的可能重複？（http://stackoverflow.com/questions/164085/javascript-callback-when-iframe-is-finished-loading） – 2010-09-26 08:48:57

父頁面是否也託管在'control.intranet'上？否則，跨域安全問題會變得很複雜。 – Andrew 2010-09-26 08:53:24

它在'monitor.extranet'上，我可以通過它訪問'control.intranet'的iframe嗎？ – bodacydo 2010-09-26 10:11:00

快速谷歌搜索給了我：http://simple.procoding.net/2008/03/21/how-to-access-iframe-in-jquery/

來源

2010-09-26 08:50:01 CodeReaper

的.contents（）方法也可以用於得到一個 iframe的內容文件，如果iframe是在同一個域爲主體的網頁。

來源：http://api.jquery.com/contents/

來源

2010-09-26 08:51:06 Jochem

嘗試

$("#iframeid").contents().("#users .name").css("background-color", "#FF0000");

如果你的iframe和主網頁屬於同一個域中的用戶才能使用。

來源

2010-09-26 15:00:00 Nik

有什麼辦法可以跨域？ – bodacydo 2010-09-28 04:08:48

是否可以編輯DOM元素，通過使用jQuery通過<iframe>加載？

回答

相關問題