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.getE         


        

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):

    @Html.DisplayFor(model => model.ScreenWidth)

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

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