DaniloRDOL
Membros-
Total de itens
2 -
Registro em
-
Última visita
Sobre DaniloRDOL
Últimos Visitantes
O bloco dos últimos visitantes está desativado e não está sendo visualizado por outros usuários.
DaniloRDOL's Achievements
0
Reputação
-
Como passar dados de um array para uma tabela em html
pergunta respondeu ao DiegoMB de DaniloRDOL em Ajax, JavaScript, XML, DOM
antes do for, vamos criar duas variaveis, uma table e outra tbody. var table = document.getElementByTagName("table")[0];// sugestão, coloque um id na tabela para usar getElementById. var tbody = table.getElementByTagName("tbody")[0]; // limpar tbody tbody.innerHTML=""; //adicionar as linha na tabela for(var i=0; i< carros.length; i++){ tbody.innerHTML += "<tr><td>"+carros[i].placa+"</td><td>"+carros[i].ano+"</td><td>"+carros[i].fabricante+"</td><td>"+carros[i].modelo+"</td></tr>"; } // ou se preferir for(var i=0, carro; carro = carros[i]; i++){ tbody.innerHTML += "<tr><td>"+carro.placa+"</td><td>"+carro.ano+"</td><td>"+carro.fabricante+"</td><td>"+carro.modelo+"</td></tr>"; } // com javascript ES6(navegadores atuais menos IE) pode ser feito assim também for(var i=0, carro; carro = carros[i]; i++){ tbody.innerHTML += `<tr><td>${carro.placa}</td><td>${carro.ano}</td><td>${carro.fabricante}</td><td>${carro.modelo}</td></tr>`; } Antes de iniciar o for, pode ver que tbody foi limpo, assim evita duplicação. Espero ter ajudado.- 4 respostas
-
- javascript
- array
-
(e %d mais)
Tags:
-
Passar dados de um formulário para um array em javascript
pergunta respondeu ao DiegoMB de DaniloRDOL em Ajax, JavaScript, XML, DOM
Neste caso não precisará do for, como o Array esta vazio, o for não será executado. para inserir use o método push: btnCadastrar.onclick=function(){ carros.push({ placa: campoPlaca.value, ano: campoAno.value, fabricante: campoFabricante.value, modelo: campoModelo.value }); }- 2 respostas
-
- array
- formulario
-
(e %d mais)
Tags: