如何在页面加载时激活替换的HTML元素？

Question

试图在剃刀视图中替换并激活一些可能来自数据库的单词作为HTML元素。

到目前为止，我已经尝试过：

<div class="container">
    <div class="row">
        <div class="col-lg-8 mx-auto">
            <p id="text-body" class="lead">@Model.TextBody</p>
        </div>
    </div>
</div>

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        const element = document.getElementById("text-body");
        element.innerText = element.innerText.replace(/&ltbr \/&gt/g, '<br />')
            .replace(/&ltb&gt/g, '<b>').replace(/&lt\/b&gt/g, '</b>');
    });
</script>

此jQuery代码完美地替换了这些单词，但我是前端的新手，无法在页面加载时将它们激活为HTML元素。关于通过按钮触发也有一些类似的问题，但是没有一个对我有用。

我还使用了 .innerHTML 而不是 .innerText ，但是它也没有用。请帮忙。