ASPX JavaScript bekommt Wert Element von ID

Question

Ich versuche Wert von ASPX Elemente mit JavaScript zu erhalten, aber

Uncaught TypeError: Cannot read property 'value' of null Fehler bekommen.

Dies ist HTML-Markup:

<tr> 
    <td>Labour Cost:</td> 
    <td><asp:Label ID="lbllabourCost" runat="server" /></td> 
</tr> 

Und unten ist mein JavaScript:

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

Was mache ich falsch hier?

Answer 1

Betrachten Sie die ClientID Eigenschaft verwenden, die für die Kontrolle der Client-Seite id vorhanden Attribut beheben:

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

Zusätzlich können Sie innerHTML die Eigenschaft, die Sie zielen in Javascript (dh mit berücksichtigen wollen oder textContent, da Sie auf ein Label ausgerichtet sind).

Answer 2

Wahrscheinlich zwei Dinge.

Zuerst die ID, um das Element in DOM zu bekommen und dann den Inhalt zu bekommen.

Versuchen:

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