Skip to main content
se añadieron 34 caracteres en el cuerpo
Origen Enlace
berlot83
  • 646
  • 2
  • 10
  • 25

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.length; i++){}, pero hasta ahora no pude. 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/

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);}

}

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.length; i++){}, pero hasta ahora no pude. 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);

}

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.length; i++){}, pero hasta ahora no pude.

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);}
Origen Enlace
berlot83
  • 646
  • 2
  • 10
  • 25

Cómo imprimir desde javascript a html el contenido de un array con varios valores anidados?

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.length; i++){}, pero hasta ahora no pude. 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);

}