<button data-pos="beforebegin">beforebegin</button> <button data-pos="afterbegin">afterbegin</button> <button data-pos="beforeend">beforeend</button> <button data-pos="afterend">afterend</button> <hr> <div id="target" style="border:2px solid #333;padding:10px;"> ターゲット要素 </div>