JavaScript appendChildの位置の指定

Question

appendChildの追加する場所を指定しているのですが、
insertAdjacentHTML('afterbegin', '前に追加');
これと同じ動作をさせることはできませんでしょうか

appendChildでその要素のidのケツに追加はできますが、
追加した要素の前に追加していく形にしたいです
ご存じの方いらっしゃいませんでしょうか？

下記コードですと押す度に
0番目　ケツに追加していくのではなく前に追加していきたい
1番目　ケツに追加していくのではなく前に追加していきたい
2番目　ケツに追加していくのではなく前に追加していきたい

となりますが、これを

2番目　ケツに追加していくのではなく前に追加していきたい
1番目　ケツに追加していくのではなく前に追加していきたい
0番目　ケツに追加していくのではなく前に追加していきたい

と上に追加されていく形にしたいです

<script>
var i=0;
function add(){
div=document.createElement('div');
div.innerText=i+'番目 ケツに追加していくのではなく前に追加していきたい';
area.appendChild(div);
i++;
}
</script>

<div id="area"></div>
<input type="button" value="追加" onclick="add()">

Answer 1

prepend使えば良いのでは。