Как я могу получить тег в представлении и установить некоторый InnerHtml для этого тега?

Question

Я кодирую MVC 5 View, и я хотел бы установить InnerHtml элемента HTML.

Вот 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>