コンテンツにスキップ

insertAdjacentHTML()

element.insertAdjacentHTML - Web API | MDN

insertAdjacentHTML(position, text)

position
beforebegin 要素の前。要素が DOM ツリー内にあり、親要素がある場合にのみ有効です。
afterbegin 要素のすぐ内側、最初の子の前。
beforeend 要素のすぐ内側、最後の子の後。
afterend 要素の後。要素が DOM ツリー内にあり、親要素がある場合にのみ有効です。
1
2
3
4
5
6
"beforebegin"
<tag>
  "afterbegin"
  "beforeend"
</tag>
"afterend"