親要素の中に追加要素を割り込ませるのではなく、純粋に指定した要素の次に追加要素を配置できるメソッドってあるんでしょうか

<div></div>
<div>
 <div>要素</div>
</div>
<div></div>

という形ではなく、

<div></div>
<div></div>
<div>要素</div>
<div></div>

という形にすることってできますかね。。