如何在视图中获取标签并为此标签设置一些 InnerHtml？

Question

我正在编写 MVC 5 视图，我想设置 HTML 元素的 InnerHtml。

这是 HTML 代码，我想添加一些额外的 HTML 到：

<section id="mainContentArea" class="content">
    <!-- Your Page Content Here -->
</section>

作为测试，我想在上面的部分添加以下内容HTML：

<p>Test data</p>

所以结果 HTML 将是：

<section id="mainContentArea" class="content">
    <!-- Your Page Content Here -->
    <p>Test data</p>
</section>

这是我编写的代码：

@{
    var tag = new TagBuilder("mainContentArea");
    tag.InnerHtml += "<p>Test data</p>";
}

以上代码没有向该部分添加任何 HTML 代码。

我可以帮忙吗？

提前致谢。

Answer 1

您可以使用JQuery动态添加html。

$("#mainContentArea").html("<p>Test data</p>");

但是，如果您的 html 是可变的，那么您可以使用 @Html.Raw 方法。

@{string html="<p>Test data</p>";}
   <section id="mainContentArea" class="content">
       @Html.Raw(html)
   </section>

How can I get a tag in a view and set some InnerHtml to this tag?