Boa noite a todos! Estou com uma dúvida, ao criar as TAG's tr e td com script, como faço para poder deixá-las igual a do arquivo original, incluindo suas classes? O original é assim:
<tr class="paciente" >
<td class="info-nome">Erica</td>
<td class="info-peso">54</td>
<td class="info-altura">1.64</td>
<td class="info-gordura">14</td>
<td class="info-imc">0</td>
<td class="info-status">0</td>
</tr>
A que eu criei com esses comandos:
// variável associada ao botão do form
var botao = document.querySelector("#adicionar-paciente");
// variáveis com suas determinadas TAG's criadas
var trPaciente = document.createElement("tr");
var tdNome = document.createElement("td");
var tdPeso = document.createElement("td");
var tdAltura = document.createElement("td");
var tdGordura = document.createElement("td");
var tdImc = document.createElement("td");
var tdStatus = document.createElement("td");
// adicionando todas as TD's dentro da TR
trPaciente.appendChild(tdNome);
trPaciente.appendChild(tdPeso);
trPaciente.appendChild(tdAltura);
trPaciente.appendChild(tdGordura);
trPaciente.appendChild(tdImc);
trPaciente.appendChild(tdStatus);
Após criadas elas ficam assim:
<tr >
<td>Erica</td>
<td>54</td>
<td>1.64</td>
<td>14</td>
<td>0</td>
<td>0</td>
</tr>
Alguém sabe dizer se tem como fazer isso? Agradeço desde já.