如何在视图中获取标记并将一些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>