如何将id添加到@ Html.DisplayFor

Zet*_*Zet 2 javascript asp.net-mvc razor

我正在尝试添加id

@Html.DisplayFor(model => model.ScreenWidth, new { @id = "width"})
Run Code Online (Sandbox Code Playgroud)

然后使用

document.getElementById("width").innerHTML = w;
Run Code Online (Sandbox Code Playgroud)

为什么不起作用?

Dar*_*rov 6

DisplayFor助手不会产生任何HTML标签,它只是输出格式的文本.所以你不能添加id属性.你可以做的是将它包装在一个标签(div或span)中:

<div id="width">
    @Html.DisplayFor(model => model.ScreenWidth)
</div>
Run Code Online (Sandbox Code Playgroud)

然后能够操纵此标记的内容:

document.getElementById("width").innerHTML = w;
Run Code Online (Sandbox Code Playgroud)