Mudar o texto de um span usando JavaScript

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:

1. Selecionar o elemento através do DOM;
2. 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!