MVC + Razor: how to add starting <div> conditionally?

问题

I want to amend a div based on whether a variable is set or not.

So I would like to do something like this:

@if (SomethingIsSet) {

<div style="background:red">

} else {

<div style="background:blue"> }

But I get the following error message in Visual Studio:

The div element was not closed. All elements must be either self-closing or have a matchig end tag.

My div element is closed later on in the page.

回答1:

You can use a ternary operator in Razor.

<div style="@(SomethingIsSet ? "background:red" : "background:blue")">

回答2:

You can use JavaScript. Just put id tag inside div: <div id="mydiv">

---

Then use JS:

var element = document.getElementById('mydiv');
if (something)
{
element.setAttribute('style','background-color: red;');
} else
{
element.setAttribute('style','background-color: blue;');
}

来源：https://stackoverflow.com/questions/54200264/mvc-razor-how-to-add-starting-div-conditionally