DOM

：

：

Element.insertAdjacentHTML() メソッド

　編集：2022.09.25 by T.A.

[Edge]。→、

element の開始タグまたは終了タグの隣に指定の HTML／XML テキストを挿入します。

構文
element.insertAdjacentHTML(position,HTMLtext)
element Element。
position elementを基準とした挿入位置を示す文字列。
指定挿入位置
beforeBegin 開始タグの前
afterBegin 開始タグの後
beforeEnd 終了タグの前
afterEnd 終了タグの後

注記： beforebegin および afterend の位置指定で動作するのは、ノードがツリー内にあり、かつ親要素が存在する場合のみとなります。

HTMLtext HTML または XML としてパースし DOM ツリーに挿入することが可能な文字列。
戻り値

例

HTML： 

<DIV id=IdSoto>[DIV要素
<SPAN id=IdTest>[SPAN要素]</SPAN>
]
</DIV>

JavaScript： 

D=IdTest.insertAdjacentHTML("beforeBegin", "テキスト<B>[B要素]</B>"); //開始タグの前にテキストと要素を挿入。
DA=IdSoto.innerHTML;           //挿入後の結果をHTMLコード文字列で表示。
	//＝[string]：[DIV要素 テキスト<b>[B要素]</b><span id="IdTest">[SPAN要素]</span> ]
関連

insertAdjacentElement()、insertAdjacentText()。append()。

テスト