Fiz uma função pra mudar uma foto quando um elemento for adicionado na minha tabela, tabela essa que criei uma classe para conseguir mudar a foto, mas para pegar o elemento do html, preciso usar o querySelector, porém nao estou conseguindo com classe, mas quando é com id ele vai.
Ex.:
function teste() {
var elemento = document.querySelector('info-status');
var conteudo = elemento.textContent || elemento.innerText;
var teste = conteudo.length;
if (teste > 0) {
var img = document.getElementById('TrocaPost');
var imgg = document.getElementById('TrocaEntregue');
var image = document.getElementById('TrocaViagem');
img.src = 'caminhao/caminhaoCERTOazul.png';
imgg.src = 'caminhao/caminhaoCERTOazul.png';
image.src = 'caminhao/caminhaoCERTOazul.png';
}
}
o info-status
quando é id, ele pega, mas quando é classe ele nao pega.
Existe algo de errado com meu código ou o querySelector só pega ID?
document.querySelector('.class_nome');
edocument.querySelector('#id_elemento');
, pode ler essa resposta na pergunta Pegar elementos por class/id com JavaScript puro tem algumas referências.