Enviar dados do objeto literal para HTML
Pessoal to com uma duvida referente a objetos.
vitor = {
nome:"Vitor",
idade: '21',
email:"seuemail@email.com",
endereco:"Rua x numero 20"
};
function listarContato(person){//pego a classe para imprimir o conteudo do objeto//
var contentInfo = document.getElementsByClassName('right-content')[0];
//display block para exibir no html//
contentInfo.style.display = "block";
//aqui está o problema//
for(key in person){
contentInfo.innerHTML = person[key];
console.log(person[key]);
}
}
Quando uso console.log() ou document.write(), ele exibe todo o conteúdo do objeto. Mas se eu atribuir person[key] ao innerHTML ele só mostra o último elemento do objeto no meu html.
for(key in person){
contentInfo.innerHTML = person[key];
console.log(person[key]);
}Discussão (2)
Carregando comentários...