Javascript從iframe內部的頁面獲取正文標簽

Question

所以這是我的身體，里面是一個擁有自己身體的iframe。

<body>
<div id="container_container"> 
<div id="header_container">
    <div id="logo_container"><br>
        <div id="auth">

        </div>
    </div>

</div> 

<div id="content_container">

    <div id="main_container">

        <div id="graphs_bom_container">
            <div id="form_upload"></div>

            <iframe id='my_iframe' name='my_iframe' src="" >
            <html>
            <head></head>
            <body>


            </body>
            </html>
            </iframe>
        </div>
    </div>
</div> 

</div> 
</body>

因此，如果我要從控制器返回到iframe（向它寫一些東西），然后要更改頂部“ body”標簽的背景圖像，而不是iframe。 我可以在iframe上更改主體的背景圖片，但不能更改上方的主體標簽。

這就是我所擁有的：

 document.body.style.backgroundImage='url(images/test.jpg)';;

因此，這會更改iframe主體標簽，但我想在整個頁面的頂部達到較高的主體標簽。 有什么建議么？ 並且需要使用javascript來完成此操作，而無需使用jquery。

請記住，我從臭名昭著的Ajax iframe文件上傳返回到iframe。 文件上傳（在這種情況下為圖像）完成后，應更改當前頁面的背景。

Answer 1

如果你這樣子

    document.body.style.backgroundImage='url(images/test.jpg)';

那么它將設置整個頁面的背景圖片，包括iframe主體標簽。 您可以做的一件事是再次將iframe正文標簽的背景顏色更改為默認白色。

   window.frames[0].document.getElementsByTagName("body")[0].style.backgroundColor="white";

Answer 2

var iframe = document.getElementById('my_iframe');

要獲取內容文檔，您可以使用：

var contDoc = iframe.contentDocument || iframe.contentWindow.document;
contDoc.style.backgroundImage='url(images/test.jpg)';

Javascript從iframe內部的頁面獲取正文標簽

問題描述

2 個解決方案

解決方案1
1 2013-10-05 07:05:51

解決方案2
0 2013-10-05 06:08:50

Javascript從iframe內部的頁面獲取正文標簽

問題描述

2 個解決方案

解決方案1 1 2013-10-05 07:05:51

解決方案2 0 2013-10-05 06:08:50

解決方案1
1 2013-10-05 07:05:51

解決方案2
0 2013-10-05 06:08:50