javascript - 如何在页面加载时激活替换的 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但它也没有用。请帮忙。

标签： javascriptjquery