Estoy con javascript necesitando imprimir en un (li) de un archivo html el contenido anidado de un array,, pero cuando lo quiero imprimir en la web me aparece este error: [object Object], entiendo que hace esto porque no definí cuales son los valores que quiero imprimir. imagino que debo hacer algun (var i=0; i
array= [
{
"marca": "Motorola",
"modelo": "G 4 PLAY",
"sistema_operativo": "Android",
"pantalla_pulgadas": 5,
"pantalla_resolucion": "1280x720",
"camara_resolucion": "8 Mpx",
"camara_frontal": true,
"camara_frontal_res": "5 Mpx",
"memoria_interna": "16 GB"
},
{
"marca": "Motorola",
"modelo": "G 4 PLAY",
"sistema_operativo": "Android",
"pantalla_pulgadas": 5,
"pantalla_resolucion": "1280x720",
"camara_resolucion": "8 Mpx",
"camara_frontal": true,
"camara_frontal_res": "5 Mpx",
"memoria_interna": "16 GB"
},]
/*Esta funcion está ligada a un onClick del html*/
function agregarElementos(){
var lista=document.getElementById("ulListado"); /*Reconoce el elemento html utilizado*/
var linew= document.createElement("li"); /*Crea otro elemento dentro del elemento contenedor*/
var contenido = document.createTextNode(array[0]); /*Imprime algo dentro del elemento 'li' "*/
lista.appendChild(linew);
linew.appendChild(contenido);}
appendChild
es el estándar JavaScript, mientras queappend
de jQuery es parte de una biblioteca que usaappendChild
en su implementación. Puede ser más fácil (jQuery no deja de ser una biblioteca para simplificar el uso de JavaScript), pero no es más rápido porque se están realizando más operaciones.