ASPX JavaScript получить значение элемента по идентификатору

Question

Я пытаюсь получить значение из ASPX элемента с JavaScript, но получить

Uncaught TypeError: Cannot read property 'value' of null Ошибка.

Это 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> 

Что я здесь делаю неправильно?

Answer 1

Рассмотрите возможность использования ClientID свойства, которое разрешит сторону клиента id атрибута присутствует для этого элемента управления:

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

Кроме того, вы можете рассмотреть, какое свойство, что вы ориентируетесь в Javascript (т.е. с использованием innerHTML или textContent, так как вы нацеливаете ярлык).

Answer 2

Возможно, две вещи.

Сначала введите идентификатор, чтобы получить элемент в DOM, а затем, чтобы получить содержимое.

Try:

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