【JavaScript】要素にテキストやコンテンツを追加・変更・削除する方法

以下、そのぞれのinsertAdjacentText()の例とます。 要素内の先頭・後尾に追加する例以下の例では、idの値にexampleをもつ要素内の先頭と後尾に、テキストを追加しています。 <script> document.addEventListener('DOMContentLoaded', function(){ const element = document.getElementById('example'); // 要素内の先頭に追加する場合 element.insertAdjacentText('afterbegin', '要素内の先頭'); // 要素内の後尾に追加する場合 element.insertAdjacentText('beforeend', '要素内の後尾'); }); </script> <div> <div id="example"> <p>コンテンツ