insertAdjacentHTMLと似てて、「基準となる要素」と「追加する要素」を指定するだけです。 <div id="wrap"> <p>First text</p> <p>Last text</p> <!-- ここに追加される --> </div> <script> const element = document.querySelector('#wrap'); let createElement = document.createElement('div'); createElement.textContent = '追加テキスト'; element.insertAdjacentHTML('beforeend', createElement); </script> 追加方法 要素を作る方法によって、要素を追加する方法は少し変わります。以下2パターンで要素を作った時の追加方法をまとめ
![HTML要素の追加方法を「挿入位置」と「生成方法」ごとに解説 - JavaScript](https://cdn-ak-scissors.b.st-hatena.com/image/square/e728a9985db0694215b665a2185ba828cdca9e57/height=288;version=1;width=512/https%3A%2F%2Fweb-guided.com%2Fwp-content%2Fuploads%2F2022%2F05%2FFrame-53.jpg)