JavaScriptの.insertBefore()でhタグ間の要素をdivタグで括る（囲む）

<div id="parent">
  <div id="child1"></div>
  <div id="child2"></div>
</div>

var parent = document.getElementById('parent');
var newElement = document.createElement('div');
var referenceElement = document.getElementById('child1');
parent.insertBefore(newElement, referenceElement);

<h3>サンプルのh3見出し1</h3>
<p>サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。</p>

<h4>サンプルのh4見出し1</h4>
<p>サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。<br>サンプルの文章。サンプルの文章。</p>

<h3>サンプルのh3見出し2</h3>
<p>サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。</p>
<p>サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。<br>サンプルの文章。サンプルの文章。</p>

<h3>サンプルのh3見出し3</h3>
<p>サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。サンプルの文章。</p>

// DOMの読み込みが完了したら処理を開始
document.addEventListener('DOMContentLoaded', function() {
    // '.entry-content' クラスの子要素である全てのヘッダータグを取得
    var headers = document.querySelectorAll('.entry-content > :is(h1, h2, h3, h4, h5, h6)');  

    // 取得した各ヘッダータグについて処理
    headers.forEach(function(header) {
        // ヘッダータグ名を小文字で取得
        var h_tag = header.nodeName.toLowerCase();  

        // ヘッダーの次の要素を取得
        var nextElement = header.nextElementSibling;  

        // 'group' クラスを持つ div 要素を新規作成
        var group = document.createElement('div');  
        group.classList.add('group');  

        // 次の要素が存在し、ヘッダータグと異なる場合はループ
        while (nextElement && nextElement.nodeName.toLowerCase() !== h_tag) {
            // 現在の次の要素の次の要素を一時的に保存
            var next = nextElement.nextElementSibling;  

            // 次の要素を 'group' に追加（移動）
            group.appendChild(nextElement);

            // 保存しておいた次の要素がヘッダータグと同じであればループを抜ける
            if (next && next.nodeName.toLowerCase() === h_tag) {
                break;
            } 
            // 保存しておいた次の要素が存在しない、もしくはヘッダータグであればループを抜ける
            else if (!next || next.matches(':is(h1, h2, h3, h4, h5, h6)')) {
                break;
            }

            // 次の要素を更新
            nextElement = next;  
        }

        // 'group' に要素が存在する場合のみ、ヘッダーの次に挿入
        if (group.children.length > 0) {
            header.parentNode.insertBefore(group, header.nextSibling);
        }
    });
});