JSでのテキスト置換コード作成依頼

ページを読み込んだ時に、元コードから変更後のコードになるようなJSを作成希望です。 要件などは以下の通りとなります。 ・h1タグもクラス名も同じページ内で１回のみ ・Product Catch Copy も Product-Name も毎回ページごとに異なる。 ・Product-Nameにスペースが入ることはない（ハイフンが毎回入るわけではないが、必ずスペースなしの１単語になる) ・Product Catch Copy と Product-Nameの間は『半角スペース+| (縦棒)+半角スペース』で区切られている 【元コード】 <h1 class="section__title-text product-single__title-text js-sr-loaded">Product Catch Copy | Product-Name</h1> ↓ 【変更後コード】 <h1 class="section__title-text product-single__title-text js-sr-loaded"><span class="catchcopy_head">Product Catch Copy</span>Product-Name</h1> こちら2000円から3000円位でご対応いただける方を探しております。 ぜひよろしくお願い致します。