• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:JavaScriptでiframeの内容を「空ページ」にする方法)

JavaScriptでiframeの内容を空ページにする方法

このQ&Aのポイント
  • JavaScriptを使用して、iframeの内容を空ページにする方法について教えてください。
  • WinXPのIE8を使用している環境で、iframeのsrcに何も指定せずにhtmlを開くと、真っ白な状態で開かれます。しかし、クリアボタンを押下してもうまくいきません。iframeの中身を空にする方法について教えてください。
  • iframeの中身を空にする方法がわかりません。JavaScriptでdocument.getElementById("...").src = "about:blank"; または document.getElementById("...").src = ""; のようにしてみたのですが、うまくいきません。空ページにする方法があれば教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

うーん。再現できませんね、IE8で試してるんですけど ↓とどこが違います。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Test</title> <script type="text/javascript"> <!-- function fuga(){ document.getElementById("hoge").src = "about:blank"; } // --> </script> </head> <body> <div><button onclick="fuga();" type="button">clear</button></div> <iframe src="http://okwave.jp/qa/q6283562.html" id="hoge"></iframe> </body> </html>

mibusys
質問者

お礼

>うーん。再現できませんね、IE8で試してるんですけど >↓とどこが違います。 ご提示いただいたコードで試してみました。実現できました。 私のと違うところは…function名が「huga」では無く 「clear」であること…。 どうやらそれが原因だったようです。「clear」が予約語であり、 メソッド名に使用できないみたいですね。 恥ずかしいです。 お手数をおかけしました。 サンプルコードを書いていただいたおかげで 間違いにすばやく気付くことが出来ました。 ありがとうございました。

その他の回答 (1)

  • think49
  • ベストアンサー率59% (285/482)
回答No.1

removeAttribute を使ってみてはどうでしょう? document.getElementById('SampleFrame').removeAttribute('src');

mibusys
質問者

お礼

原因はonclick時に呼び出す自分で作ったfunctionの 名前が無効なものだからでした。 ご提示いただいた方法でも実現できました。 ありがとうございました。

関連するQ&A