JavaScript で、自身の HTML コンテンツをいじっています。
HTML コンテンツの中に iframe 要素を子孫に持つノードが有り (iframe 要素そのものでも可)、これを HTML オブジェクトツリーの別位置に移そうと removeChild, appendChild をすると、Firefox の場合、その iframe 要素の src 属性をリロードしてしまいます。
これを、リロードせずに移す方法はないでしょうか? Firefox 特有の操作でもかまいません。お願いいたします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
#1です。
なかなか手ごわいですねぇ。
思いつきだけなので、参考になるかどうか…
□cloneを作成して先にappend、後からremove。
(画像と違うのでリロードしちゃうかも)
□移動する位置が決まっているなら
最初から目的の位置にもiframeを作成して、表示/非表示で切り替える
□iframeを移動させずに、残りの要素を移動して同じレイアウトにする
(かなり強引かも)
□表示レイアウトでの変更が目的なら
要素を移動するのではなく、CSSで対応する方法がないか検討する
ぐらいしか、思いつきません。
後は、他の方のお知恵にすがることにします。
フォローありがとうございます。
cloneNode をやっても同様です。
で、これは表示位置を移動したいのではなく、あくまでも HTML の DOM ツリーの位置を移動したいのです。
No.1
- 回答日時:
Firefoxが手元にないので確認できませんが、
一旦removeすると無いものとみなされて、新たに追加したときに読みにいくのではないかと推測しました。
要素をremoveしないで、直接appendすることでも移動できると思いますが、それではうまくいかないでしょうか?
removeChild せずに appendChild をコールした場合、元の位置から自動的に消えて、新しい位置に移りますが、やはりリロードが発生します。replaceChild や insertBefore も同じです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- HTML・CSS HTMLの・要素・属性・属性値 はプログラム言語の「変数」みたいに変更できますか? 5 2022/10/04 05:27
- Visual Basic(VBA) Edge操作のアプリが例外発生に 1 2023/03/12 21:22
- HTML・CSS flex の各子要素を横幅 100% にしたい 1 2022/09/22 21:25
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
jQueryでシンセサイザーを作っ...
-
switch文のswitch(n)の部分を複...
-
セレクトボックスを2つ選択して...
-
①入力フォーム→②確認表示画面→③...
-
追加ボタンを押した際に ok ボ...
-
二次元配列の全要素の全要素を...
-
【GAS】WEBアプリでハイパーリ...
-
【Google Apps Script】「ライ...
-
プログラミング 学習
-
HTMLでサブフレームから親のス...
-
ジャバスクリプトについて。
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
-
jsで質問です。 displayプロパ...
-
var exports = exports || {}; ...
-
HTMLタグに複数のクラスを設定...
-
Googleフォームで選択肢に応じ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
iText セル内での自動改行について
-
アコーディオンメニューにする...
-
【jQuery】MixltUPの複数フィル...
-
或る文字列の文字数が一定数以...
-
Aタグのhrefの値を取得したいの...
-
こんばんは。 メガメニューを今...
-
URL+URN=URI と習ったのですが...
-
2つのXMLファイルを読み込む
-
Nivo Sliderのカスタマイズにつ...
-
Listでintの最大値を超える要素...
-
JTextAreaを改行コードを直接書...
-
配列による二分木
-
Firefox にて appendChild での...
-
イベントリスナの削除
-
既存のXMLを別のXMLの要素とし...
-
jQueryについて
-
jtreeのノードを右クリックで選...
-
ajaxで読み込んだDOMに対してin...
-
(再質問)エクセルのマクロボ...
-
collection型を引数にしたファ...
おすすめ情報