【一番速い】jsでHTML要素を追加する方法はこれを見てくれ。

欲しいのはこれだろう？？

jqueryは使わない。
insertAdjacentHTMLしか載せない。
けどそれでいいだろ？

①
<div id="BASE">
②
  <p>ぺぽー</p>
③
</div>
④

①　ここには「beforebegin」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('beforebegin','<p>①に入るよん</p>');

②　ここには「afterbegin」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('afterbegin','<p>②に入るよん</p>');

③　ここには「beforeend」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('beforeend','<p>③に入るよん</p>');

④　ここには「afterend」

var BASE = document.getElementById('BASE');
BASE.insertAdjacentHTML('afterend','<p>④に入るよん</p>');

以上。

一瞬でわかるやつが欲しかった、、

「js 要素 追加」でググって3秒で答えが欲しかった。
ありがとう、たくさんの記事がヒットしてどれも丁寧に書かれてました。
が、丁寧すぎた！

内容量が多くて欲しい情報を探すのに時間がかかる。
実際、コーダーにはこれくらいで十分だろう？