English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM insertAdjacentText() メソッド

HTML DOM Element オブジェクト

insertAdjacentText()メソッドは、呼び出された要素に対して指定された位置にテキストノードを挿入します。

構文:

element.insertAdjacentText(position, text)
var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterend", "Hello world");
テストして見て‹/›

ブラウザの互換性

テーブルの数字は、insertAdjacentText()メソッドを完全にサポートする最初のブラウザのバージョンを指定しています:

メソッド
insertAdjacentText()488

引数の値

引数説明
position要素に対する位置関係。
合法な値:
  • 「afterbegin」-要素の開始の後に(最初の子供として)

  • 「afterend」-要素の後に

  • 「beforebegin」-要素の前に

  • 「beforeend」-要素の終わりの前に(最後の子要素として)

text挿入したいテキスト

技術的詳細

返り値:ありません
例外情况:SyntaxError-指定された位置(position)認識可能な値ではありません

さらに例

「beginbegin」値を使用:

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("afterbegin", "Hello world");
テストして見て‹/›

「beforebegin」値を使用:

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforebegin", "Hello world");
テストして見て‹/›

「beforeend」値を使用:

var head = document.getElementsByTagName("h2")[0];
head.insertAdjacentText("beforeend", "Hello world");
テストして見て‹/›

関連参考

HTML DOM 参考:element.insertAdjacentElement()メソッド

HTML DOM 参考:element.insertAdjacentHTML()メソッド

HTML DOM 参考:node.insertBefore()メソッド

HTML DOM 参考:node.appendChild()メソッド

HTML DOM Element オブジェクト