Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Erro querySelector(".info-peso")

Referente ao curso JavaScript: programando na linguagem da web, no capítulo Variáveis e Operadores e atividade Buscando dados do paciente

por Mainô Sistemas
| 361.6k xp | 12 posts

Quando uso o código abaixo, o meu console.log(tdPeso) retorna nulo. alguém poderia me dar uma ajuda?

var titulo = document.querySelector(".titulo");

titulo.textContent = "Aparecida Nutricionista";

var paciente = document.querySelector("#primeiro-paciente");
var tdPeso = paciente.querySelector(".info-peso");

console.log(paciente); // tr
console.log(tdPeso); // td que tem o peso

Segue também meu HTML:

<tbody id="tabela-pacientes">
    <tr class="paciente" >
        <td class="info-nome" id="primeiro-paciente">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>
2 respostas
solução!
por Instrutor
| 1132.1k xp | 1471 posts
Instrutor

Rodrigo, boa tarde!

Isso está ocorrendo porque o .info-peso não é filho do #primeiro-paciente visto que esse id está na coluna e não na linha, mude o id para dentro do <tr>`ficando assim:

<tbody id="tabela-pacientes">
    <tr class="paciente"  id="primeiro-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>

Assim o .info-peso será filho do

e ele vai encontrar.

Espero ter ajudado e bons estudos

por Mainô Sistemas
| 361.6k xp | 12 posts

É verdade, muito obrigado Felipe.