テンプレート内で表示される<br>タグの一時的なバグ改修をjavascriptでできませんか？

Question

DjangoでWEBアプリを作成していて
改行したい時に

|linebreaksbr

を使用したのですが実際に表示して見ると
<br>タグが文章上で表示されます。
一時的なバグの改修方法として
jsを使って

<script>
var str = document.getElementById("content").innerHTML;
str = str.replace(/&lt;br&gt;/g,"");
document.getElementById("content").innerHTML = str;
</script> 

をやって見ましたが、１行目の<br>は消えますが
２行目以外はまだ、<br>は表示され続けます。
ほかにいい案はありますでしょうか？

Answer 1

DOMを操作する方法はどうでしょう。

// #content 内の全ての br 要素を取り除く例
[...document.querySelector("#content").querySelectorAll("br")].forEach(elm=>{
  elm.parentNode.removeChild(elm);
});

Comments

[chill_soup]

DOMの操作はなるべく避けたかったので
力技でなんとか修正できました
アドバイスありがとうございます

Answer 2

idをつける位置を変えたところ、無事改修できました！