Estoy llamando a una API web usando javascript, tengo un elemento de etiqueta aspx con id "blbtest".
<asp:Label ID="blbtest" Text="" runat="server ClientIDMode="Static">Quiero almacenar el valor de la variable de nombre en esta etiqueta pero me sale un error
Este es el código js:
var request = new XMLHttpRequest; request.open('GET', "https://hplussport.com/api/products?qty=2"); request.onload = function () { var response = request.response; var parsedData = JSON.parse(response); console.log(parsedData); var name = parsedData[0].name; var products = document.createElement('li'); //products.innerHTML = name; //document.body.appendChild(products); var lbl = document.getElementById('<%=blbtest.ClientID%>'); lbl.innerText = name; }; request.send();El error: TypeError no detectado: no se pueden establecer las propiedades de nulo (configurando 'innerText') en XMLHttpRequest.request.onload (script.js:14:19)
Las líneas comentadas están funcionando. Pero quiero mostrar el nombre del producto en el elemento de la etiqueta cuando se carga la página.
Entonces, probé esto y funcionó :)
document.getElementById('blbtest').innerHTML = name;