0

好的，所以在我的页面中，我有一个 iframe 元素，它将加载 HTML，其中总是有一行特定的 HTML 代码，我需要在加载 iframe 时替换它。iframe src 会有所不同，因此必须在加载 iframe 时完成。我要替换的 HTML 在 iframe 加载的文件中，它看起来像这样：

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

所以我实际上需要的是对于每个具有 class="myclass1" 的 div 来剥离样式的高度属性，并且宽度保持不变。所有“myclass1” div 都将遵循这种格式。所以我想用这样的替换所有行：

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

我对 javascript 并不是很有经验，所以任何帮助，即使只是指针，都会受到赞赏，因为即使这是可能的，我也不知道如何开始。

4

2 回答 2

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或您需要的任何东西

于 2012-05-24T11:05:42.960 回答
-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-24T11:07:39.670 回答