Как добавить идентификатор к @ Html.DisplayFor

Question

Я пытаюсь добавить идентификатор к

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

, а затем использовать

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

Почему это не работает?

Answer 1

Помощник DisplayFor не генерирует никаких HTML-тегов, он просто выводит форматированный текст. Поэтому вы не можете добавить к нему атрибут id. Что вы могли бы сделать вместо этого, чтобы обернуть его в теге (Div или диапазона):

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

и затем иметь возможность управлять содержимым этого тега:

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

Answer 2

В качестве альтернативы вы можете использовать это как скважина

 <span id="width">@Html.Displayfor(model => model.ScreenWidth) </span>