Estudando sobre array eu entendi que array = document.querySelectorAll(".nomeClasse")
retorna um array que contem cada elemento que usa essa classe. Mas ainda não ficou claro para mim como você acessa os elementos dentro do array criado.
<tbody id="tableTask">
<tr class="task">
<td class="infoIndice">1</td>
<td class="infoTask">Limpar Cozinha</td>
</tr>
<tr class="task">
<td class="infoIndice">1</td>
<td class="infoTask">Recolher Cocô do Cachorro</td>
</tr>
</tbody>
Nesse exemplo eu uso task = document.querySelectorAll(".task")
e recebo um array com 2 elementos que são os 2 <tr>
que usam a classe task
.
Como, a partir dai, eu tenho acesso ao segundo td
? (Recolher Cocô do Cachorro)
Se eu quiser mudar o conteudo dessa td
por exemplo. existe alguma especie de "task[1].td(infoTask).innerHTML = "lavar a roupa";
"?