ASPX JavaScript通过id获取元素值

ASPX JavaScript get element value by id

本文关键字:元素 获取 id JavaScript 通过 ASPX      更新时间:2023-09-26

我试图用JavaScript从ASPX元素获取值,但得到

Uncaught TypeError: Cannot read property 'value' of null Error.

这是HTML标记:
<tr>
    <td>Labour Cost:</td>
    <td><asp:Label ID="lbllabourCost" runat="server" /></td>
</tr>

下面是我的JavaScript:

 <script>
    var labcost = document.getElementById('<%= lbllabourCost %>').value;
    console.log(labcost);
 </script>

我在这里做错了什么?

考虑使用ClientID属性,它将解析该控件的客户端id属性:

var labcost = document.getElementById('<%= lbllabourCost.ClientID %>').innerHTML;

此外,您可能要考虑您在Javascript中针对的属性(即使用innerHTMLtextContent,因为您针对的是标签)。

可能有两件事。

首先是在DOM中获取元素的ID,然后是获取内容。

试题:

var labcost = document.getElementById('<%= lbllabourCost.ClientID %>').textContent;