Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Ao criar html pelo javaScript

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á.

2 respostas
solução!

Fala ai Tiago, de boa?

Você pode adicionar manualmente cada classe, algo similar a isto :

trPaciente .classList.add("sua classe css")

Valeu Matheus Brandino! Tudo tranquilo agora parceiro. :)