Question

好的，所以在我的页面中我有一个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一点也不是很有经验，所以任何帮助，即使只是指针，也会受到赞赏，因为即使这是可能的，我也不知道如何开始。

Answer 1

如果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或您需要的任何内容

Answer 2

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

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

2 个答案: