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 のソースが同じドメインにある場合は、次を使用します。

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 に答える