Como trocar o título da página com JavaScript

Neste artigo você vai aprender a como trocar o título da página com JavaScript, ou seja, mudar o título que fica na aba do navegador

Fala programador(a), beleza? Bora aprender mais sobre JavaScript e DOM!

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 120 aulas
• 4 projetos
• 9h 45min

Conhecer formação

Para alterar o título é muito simples, temos acesso a ele por meio do objeto document

Que é um objeto global muito utilizado para manipulações de DOM (Document, Object, Model)

document.title = "Testing"

Desta simples maneira o título será alterado

Agora na aba do navegador entra em vigor o novo texto definido por nós

Você pode atrelar esta propriedade baseada em alguma lógica, como uma condicional if, enfim utilizar o que você precisa com esta mudança

Lembrando que este title também é chamado de meta tag title

Conclusão

Neste artigo você aprendeu a como trocar o título da página com JavaScript

Apenas precisamos alterar a propriedade title de document

Fazendo a mudança no valor dela, teremos o texto do título da página sendo alterado!

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!