使用Javascript從內部iframe中刪除/替換特定的HTML

好的，所以在我的頁面中我有一個iframe元素，它將加載HTML，它總是會有一個特定的HTML代碼行，我需要在加載iframe時進行替換。 iframe src會有所不同，因此必須在加載iframe時完成。我想，以取代HTML是可以被iframe中加載的文件，它會是這個樣子：使用Javascript從內部iframe中刪除/替換特定的HTML

<div class="myclass1" style="height:XXXpx; width:YYYpx;">

所以我需要的實際上是有階級=「MyClass1的」有高度的每一個DIV剝離的樣式屬性和寬度保持不變。所有「myclass1」div都將遵循這種格式。所以我想這個更換喜歡的所有行：

<div class="myclass1" style="width:YYYpx;">

我不是非常有經驗的JavaScript在所有真正的所以任何幫助，甚至只是指針，是讚賞，因爲我不知道如何開始的即使這是可能的。

來源

2012-05-24 Nathan Williams

除非iframe的src位於相同的確切域，否則根據同源策略 – d4rkpr1nc3

如果IFRAME的src是在同一個域，使用此：

var iFrame = document.getElementById("your-iframe-id"); 
if (iFrame.contentDocument) 
{ 
    iFrameDocument = iFrame.contentDocument; 
} 
else if (iFrame.contentWindow) 
{ 
    iFrameDocument = iFrame.contentWindow.document; 
}

使用iFrameDocument.getElementById或任何你需要

來源

2012-05-24 11:05:42 d4rkpr1nc3

-1

您可以使用下面的例子變革的樣式加載的div ，加載頁面後調用javascript函數。

 <html> 
     <head> 
     <script type="text/javascript"> 
     function change_style() 
     { 
      document.getElementById("div_id").style.width="yyypx"; 
     } 
     </script> 
     </head> 
     <body> 

     <div id="div_id" class="myclass1" style="height:XXXpx; width:YYYpx;"> 
      ------------------- 
      ------------------- 
     </div> 

     <script> 
     change_style(); 
     </script> 
     </body> 
     </html>

來源

2012-05-24 11:07:39 Shin

使用Javascript從內部iframe中刪除/替換特定的HTML

回答

相關問題