![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.1ベストアンサー
- 回答日時:
http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-re …
> nodeObject.childNodes
> ***NodeList型***, ***読取専用***
DOM の NodeList はただの配列ではありません。内部的に整合性をとるための「生きたリスト」なので、基本的に専用操作なしに入れ替えたりはできません。
---
// Fx
var range = document.createRange();
range.selectNodeContents(target);
range.deleteContents();
nodes.reverse().forEach(range.insertNode, range);
// also IE
var df = document.createDocumentFragment();
for (var i = 0, I = nodes.length; i < I; i++) df.appendChild(nodes[i]);
while (target.hasChildNodes()) target.removeChild(target.lastChild);
target.appendChild(df);
ノードを入れる「容器」が必要なら DocumentFragment です。いずれにせよ「専用操作」としての appendChild() は必要です。
メソッド名が長くて面倒ということなら、DOM4 の append()、remove() の実装を待って下さい。
> nodeObject.childNodes
> ***NodeList型***, ***読取専用***
DOM の NodeList はただの配列ではありません。内部的に整合性をとるための「生きたリスト」なので、基本的に専用操作なしに入れ替えたりはできません。
---
// Fx
var range = document.createRange();
range.selectNodeContents(target);
range.deleteContents();
nodes.reverse().forEach(range.insertNode, range);
// also IE
var df = document.createDocumentFragment();
for (var i = 0, I = nodes.length; i < I; i++) df.appendChild(nodes[i]);
while (target.hasChildNodes()) target.removeChild(target.lastChild);
target.appendChild(df);
ノードを入れる「容器」が必要なら DocumentFragment です。いずれにせよ「専用操作」としての appendChild() は必要です。
メソッド名が長くて面倒ということなら、DOM4 の append()、remove() の実装を待って下さい。
この回答へのお礼
お礼日時:2012/03/07 10:27
面倒という理由ではなく、1つずつappendChildすると遅いので、
ノードの配列の参照渡しができれば速いかと思ったのですが、
そうはいかないということですね。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript gasについて 1 2022/05/31 21:51
- その他(プログラミング・Web制作) google formsを使ったタスク依頼フォーム作成におけるご相談 1 2023/06/22 15:55
- JavaScript WordPressのコンタクトフォーム7にて送信者の位置情報を送らせたい 2 2022/09/14 23:28
- JavaScript ソースコードのいじる場所が分かりません。 1 2022/12/23 02:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- C言語・C++・C# C#テキストボックスの文字を配列にいれてその後表示する 4 2022/07/17 04:47
- Visual Basic(VBA) エクセルVBA(実行時エラー438)の対処法を教えてもらえないでしょうか 3 2023/04/22 13:43
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
C#テキストボックスの文字を配...
-
同じIDで定義した要素の配列を...
-
javascriptからphpに配列データ...
-
どうすればresponseText結果を...
-
javascriptで2つのArrayの...
-
[JS] setAttributeで保存される...
-
バナーのランダム表示(複数、...
-
配列について、その要素を並べ...
-
2次元連想配列配列の使用方法
-
javascript 変数名の連結をしたい
-
関数でy=g(x)のgとは何の略です...
-
Linux バイナリ実行できない "...
-
Boolean型配列中のTrueの有無を...
-
google apps scriptの終了のさせ方
-
<a>タグのテキストを取得
-
idを使わずにonclickで自身の要...
-
計算式を教えてください。
-
JavaScriptで決まった「時刻」...
-
C#OpenCv V4にのエラーに関する...
-
javascript 特定のタグのidの存...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
同じIDで定義した要素の配列を...
-
C#テキストボックスの文字を配...
-
jspからjavascriptの変数引継ぎ
-
javascript 変数名の連結をしたい
-
二次元配列を使って順位をだす...
-
React hooksが値を返して配列変...
-
undefinedを表示させない方法は...
-
フォーム入力値の重複チェック
-
javascriptで行を抽出したいです。
-
JavaScriptでの動的な多次元配...
-
多次元配列から最大値を1行また...
-
HTMLで誕生石と星座をアラート...
-
JSONデータを50音順でソートしたい
-
重複しないようにランダムで表...
-
1から20までの整数から、重複な...
-
JavaScriptにおける[] とか :...
-
gas 配列
-
【JavaScript】オブジェクト型...
-
WSH(Jscript)でファイル一覧
-
JavaScriptで簡単なクイズを作...
おすすめ情報