Buscando classes em uma tabela | JavaScript

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

por Tiago Machado

| 80.6k xp | 9 posts

Tenho uma tabela

<table>
    <tr class="frutas">
        <td class="itens">maçã</td>
        <td class="itens">laranja</td>
        <td class="itens">uva</td>
    </tr>
    <tr class="mercado">
        <td class="itens">arroz</td>
        <td class="itens">feijão</td>
        <td class="itens">macarrão</td>
    </tr>
    <tr class="futa">
        <td class="itens">abacate</td>
        <td class="itens">goiaba</td>
        <td class="itens">banana</td>
    </tr>
</table>

Usei o código

const frutas = document.querySelector(".frutas")

Recebi um NodeList com dois indices. Agora queria pegar dentro desse NodeList cada class "itens". Mas se uso outro querySelector dentro da const frutas da erro. Não sei como preseguir

1 resposta

solução!

por Alex Donizete Gonçalves

| 93.2k xp | 11 posts

Web Developer

06/09/2022

Fala Tiago, beleza ?

Você consegue saber os elementos filhos com a propriedade children.

Segue um exemplo de como imprimir os elementos dessa primeira classe '.frutas'

const frutas = document.querySelector(".frutas");
    for (let i = 0; i < frutas.childElementCount; i++) {
      console.log(frutas.children[i].textContent)
    }