使用Javascript从iframe内部删除/替换特定的HTML_Javascript_Html_Iframe

使用Javascript从iframe内部删除/替换特定的HTML

javascript html iframe

使用Javascript从iframe内部删除/替换特定的HTML,javascript,html,iframe,Javascript,Html,Iframe,好的，在我的页面中，我有一个iframe元素，它将加载HTML，其中总是有一行特定的HTML代码，当加载iframe时，我需要替换这些代码。iframe src将发生变化，因此必须在加载iframe时进行。我要替换的HTML位于iframe加载的文件中，它的外观如下： <div class="myclass1" style="height:XXXpx; width:YYYpx;"> 因此，我需要的实际上是，对于每个具有class=“myclass1”的div，去掉样式的heig

好的，在我的页面中，我有一个iframe元素，它将加载HTML，其中总是有一行特定的HTML代码，当加载iframe时，我需要替换这些代码。iframe src将发生变化，因此必须在加载iframe时进行。我要替换的HTML位于iframe加载的文件中，它的外观如下：

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

因此，我需要的实际上是，对于每个具有class=“myclass1”的div，去掉样式的height属性，并保持其宽度不变。所有“myclass1”div都将遵循此格式。因此，我想用以下内容替换所有类似的行：

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

我对javascript没有太多经验，因此非常感谢任何帮助，即使只是指针，因为我不知道如何开始，即使这是可能的。

如果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

或任何您需要的工具

可以使用以下示例更改加载的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>


函数更改\u样式（）
{
document.getElementById（“div_id”）.style.width=“yyyypx”；
}  
-------------------
-------------------
改变风格（）；

除非iframe的src位于同一个精确域中，否则根据同源策略，您不能