Neste artigo você vai aprender a como mudar o texto de um span usando JavaScript, com apenas uma linha de código!
Fala programador(a), beleza? Bora aprender mais sobre DOM e JavaScript!
Para mudar o texto de um span será necessário duas coisas:
- Selecionar o elemento através do DOM;
- Alterar a propriedade textContent;
E como no enunciado: tudo isso pode ser feito com apenas uma linha
Veja o código necessário:
document.querySelector('#my-span').textContent = "Mudou o texto!";
A propriedade textContent tem como função alterar o texto de um elemento no HTML
Então com a linha de código acima estamos alterando o texto de algum span no nosso código
Selecionamos ele através de querySelector, que é simpes, pois basta colocar o seletor de CSS da tag e pronto, teremos um elemento selecionado
Esta função lembra muito a seleção de elementos pelo jQuery
Conclusão
Neste artigo você aprendeu a mudar o texto de um span usando JavaScript
Basicamente precisamos selecionar o elemento e depois alterar a propriedade textContent com o texto que vamos substituir o texto original
Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!
Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!