1 - Possuo duas funções javascript:
var linhas = document.getElementById("tabela").getElementsByTagName("tr");
var linhaSelecionada = "";
function selecionarLinha(){
for(var i = 0; i < linhas.length; i++){
var linha = linhas[i];
linha.addEventListener("click", function(){
this.classList.toggle("selecionado");
});
}
teste();
}
function teste(){
var selecionados = document.getElementById("tabela").getElementsByClassName("selecionado");
for(var i = 0; i < selecionados.length; i++){
var selecionado = selecionados[i];
selecionado = selecionado.getElementsByTagName("td");
linhaSelecionada = selecionado[0].innerHTML;
}
console.log(linhaSelecionada);
}
2 - O que o código faz e qual é a minha dúvida:
Ao chamar a função selecionarLinha() através de um botão, eu defino a classe da linha selecionada na tabela com class="selecionado" até aqui está funcionando corretamente. Porém ao chamar a segunda função que deveria fazer a leitura do html e verificar quais linhas estão com class="selecionado" não é encontrado nenhuma linha com essa classe. Gostaria de saber como faço para que a segunda função consiga encontrar quais linhas a primeira função definiu com class="selecionado" sem que eu precise clicar em um botão para selecionar e clicar em outro botão para exibir o que foi selecionado, ou seja, através de um único clique selecionar e exibir a linha selecionada.