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

dúvida sobre o console.log(paciente)

Olá, pessoal, podem me tirar uma dúvida? Seguinte:

<tbody id="tabela-pacientes">
                        <tr class="paciente" >
                            <td class="info-nome">Paulo</td>
                            <td class="info-peso">100</td>
                            <td class="info-altura">2.00</td>
                            <td class="info-gordura">10</td>
                            <td class="info-imc">0</td>
                        </tr>

                        <tr class="paciente" >
                            <td class="info-nome">João</td>
                            <td class="info-peso">80</td>
                            <td class="info-altura">1.72</td>
                            <td class="info-gordura">40</td>
                            <td class="info-imc">0</td>
                        </tr>

                        <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>
                        </tr>

                        <tr class="paciente">
                            <td class="info-nome">Douglas</td>
                            <td class="info-peso">85</td>
                            <td class="info-altura">1.73</td>
                            <td class="info-gordura">24</td>
                            <td class="info-imc">0</td>
                        </tr>
                        <tr class="paciente" >
                            <td class="info-nome">Tatiana</td>
                            <td class="info-peso">46</td>
                            <td class="info-altura">1.55</td>
                            <td class="info-gordura">19</td>
                            <td class="info-imc">0</td>
                        </tr>
                    </tbody>
var paciente = document.querySelector(".paciente");
var tdPeso = paciente.querySelector(".info-peso");
console.log(paciente);
console.log(tdPeso);

Como podem ver todos os "tr" possuem a classe "paciente" mas quando eu uso o querySelector e guardo na variável paciente, quando peço pra ele mostrar no console do navegador, ele só me trás os valores do primeiro paciente, que no caso é o Paulo. O certo não seria ele imprimir todos os pacientes?

3 respostas
solução!

querySelector retorna o primeiro elemento que encontra, se deseja todos, deve usar o querySelectorAll Assim:

var paciente = document.querySelectorAll(".paciente");
console.log(paciente);

Agora você terá todos os 'pacientes'

O querySelector só retorna o primeiro elemento mesmo,

para retornar todos precisa usar o querySelectorAll.

var pacientes = document.querySelectorAll(".paciente");

AAA... Entendi, valeu Rômulo e Stefano =D