.insertNode()

Range.insertNode()は、Rangeの開始位置にノードを挿入します。

新しいノードは、Rangeの開始境界点に挿入されます。 もし新しいノードがテキストノードへ追加される場合、挿入点でノードは分割され、 その分割された2つのノードの間に挿入が行われます。

もし新しいノードがDocumentFragment(ドキュメント断片)の場合、 そのDocumentFramgmentの子(children)が代わりに挿入されます。

文法

range.insertNode(newNode);
引数 説明
newNode Rangeの開始位置に挿入されるNodeを指定します。

例

range = document.createRange();
newNode = document.createElement("p");
newNode.appendChild(document.createTextNode("New Node Inserted Here"));
range.selectNode(document.getElementsByTagName("div").item(0));
range.insertNode(newNode);

仕様

ブラウザ互換性

デスクトップ
機能 Chrome Firefox
(Gecko)
IE Opera Safari
基本 ◯ 1.0 (1.7 or earlier) 9.0 9.0 ◯
モバイル
機能 Android Firefox
Mobile
IE
Mobile
Opera
Mobile
Safari
Mobile
基本 ◯ 1.0 (1.0) 9.0 9.0 ◯

関連項目

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。