javascript - How to add id to @Html.DisplayFor

Question

I'm trying to add id to

@Html.DisplayFor(model => model.ScreenWidth, new { @id = "width"})

and then use

document.getElementById("width").innerHTML = w;

Why is it not working?

Answer 1

The DisplayFor helper doesn't generate any HTML tags, it just outputs the formatted text. So you cannot add id attribute to it. What you could do instead is to wrap it in a tag (div or span):

<div id="width">
    @Html.DisplayFor(model => model.ScreenWidth)
</div>

and then be able to manipulate the contents of this tag:

document.getElementById("width").innerHTML = w;