Estou desenvolvendo uma página que terá um filtro para uma lista, mas quando vou pegar os valores das td para fazer o filtro, retorna null, ja tentei usar .textContent mas tambem retorna null ou undefined, vou deixar os códigos aqui
var pegSubmit = document.querySelector("#filtrar");
pegSubmit.addEventListener('click', (event)=>{
event.preventDefault();
//pegar os inputs e os valores deles
var pegOficio = document.querySelector("#oficio-filtro").value;
var pegData = document.querySelector("#data-filtro").value;
var pegNome = document.querySelector("#nome-filtro").value;
//pegar a tabela e percorrer ela
var candidato = document.querySelectorAll(".candidato");
for(var i = 0 ; i < candidato.length; i++){
var Candidatos = candidato[i];
//pegando as td para filtrar
var pegTdNome = Candidatos.querySelector(".nomeCd");
var pegTdOficio = Candidatos.querySelector(".oficioCd");
var pegTdData = Candidatos.querySelector(".dataCd");
console.log(pegTdNome);
}
});