こんにちは。DOMについては全く無知です。
このようなのを作ったところ、google chromeでは動いたものの、ieでは動きませんでした。
var iBody = $("hoge").contentWindow.document.getElementsByTagName("body")[0];
var newText = document.createElement("div");
newText.innerHTML = "aaa";
iBody.appendChild(newText);
※$("hoge")は、iframeタグを指しています
いろいろ試したところ、ieだとフレーム内にアクセスすることができないみたいです。
どうすればいいのか、ご存知でしたらご教示願います。
No.4
- 回答日時:
#1,2,3です。
いろいろと勘違いしていまして、#3はIEでは動きません。
当方の確認不足でした。申し訳ありません。
下記コードは
http://www.bit-hive.com/~tomita/JS/IframeAppend/
を参考にして、IE7,Firefox3で動作確認しました。
<iframe id='B' src='B.html'></iframe>
<script type='text/javascript'>
(function(){
var iframeId = 'B';
var b = document.getElementById(iframeId);
b.onload = function(){
var idoc;
if (document.all) {// IEなら
idoc = frames[iframeId].document;
} else {
idoc = b.contentDocument;
}
var div = idoc.createElement("div");
div.appendChild(idoc.createTextNode('It is a test.'));
idoc.body.appendChild(div);
}
})();
</script>
No.3
- 回答日時:
#1,2です。
すみません、#2 は質問の意を取り違えていました。
appendChildするのはiframe内なのですね。
下記コードでOKだと思います。(確認済み)
<iframe id='B' src='B.html'></iframe>
<script type='text/javascript'>
(function(){
var b = document.getElementById('B');
b.onload = function(){
var body = this.contentDocument.getElementsByTagName("body")[0];
var div = document.createElement("div");
div.appendChild(document.createTextNode('It is a test!'));
body.appendChild(div);
}
})();
</script>
No.2
- 回答日時:
簡易HTMLを作って検証して、下記コードで期待通りの動作を得られました。
<iframe id='B' src='B.html' style='display:none;'></iframe>
<script type='text/javascript'>
(function(){
var b = document.getElementById('B');
b.onload = function(){
var body = this.contentDocument.getElementsByTagName("body")[0];
document.body.appendChild(body);
}
})();
</script>
iframeが読み込まれない内にbodyを読み込もうとして失敗しているのかもしれません。
ベースに下記Q&Aのコードがあったので、そこから借用。(自分のコードですが)
window.onload ではなく、iframe.onload を使ったところだけ違います。
別画面の関数の呼び出し -OKWave
http://okwave.jp/qa4988613.html?ans_count_asc=1
No.1
- 回答日時:
もうちょっと現象を再現できる情報が欲しいですね…。
- '$("hoge")...' を回答者側で実行可能なように(ライブラリの開示、もしくはライブラリ依存をなくしたコードに修正)
- HTMLの掲示
はできないでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- その他(プログラミング・Web制作) pythonでのカーソル移動がずれる 2 2023/07/30 08:51
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript gasについて 1 2022/05/31 21:51
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<a>タグのテキストを取得
-
innerHTML実行後のイベント
-
ActiveXobjectが作成できない
-
【Tabキー】特定の範囲内だけで...
-
モーダルダイアログウィンドウ...
-
テキストボックスがブランクの...
-
javascriptでCSVを呼出しvlookup
-
任意の座標をクリックさせるには
-
問題はbind の付いたリスナーを...
-
重複しないくじの作り方がわか...
-
画像の一部を表示
-
idを使わずにonclickで自身の要...
-
C#OpenCv V4にのエラーに関する...
-
google apps scriptの終了のさせ方
-
二次元配列を使って順位をだす...
-
同じIDで定義した要素の配列を...
-
functionから別のfunctionを実...
-
GASでundefinedエラーが出ます
-
Boolean型配列中のTrueの有無を...
-
【正規表現】【javascript】CR...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
[初心者]javascriptのfor文でな...
-
ActiveXobjectが作成できない
-
任意の座標をクリックさせるには
-
appendChildがieだとできない??
-
onchangeイベントを使ってspan...
-
【Tabキー】特定の範囲内だけで...
-
モーダルダイアログウィンドウ...
-
javascript 特定のタグのidの存...
-
日本語入力の禁止
-
innerHTML実行後のイベント
-
HTML:Tableタグに対し、JavaScr...
-
onclickを使わずにイベント処理...
-
アンカークリックのイベントを...
-
javascriptでスロットゲームを...
-
画像上のクリックした場所が分...
-
javascriptでCSVを呼出しvlookup
-
javascriptで編集可能不可能の...
-
Click回数を数え、規定された回...
-
子画面からwindow.openを開いた...
おすすめ情報