Como alterar o título da página em JavaScript

O "Título da página”Refere -se ao breve resumo de uma página da web exibida na parte superior de uma guia do navegador. O título do documento é especificado usando o marcação. A guia da página ou a barra de título do navegador exibe o título, que deve ser apenas texto. Ao navegar nas páginas do site, o título da página deve ser alterado de acordo com seu conteúdo.

Esta postagem do blog definirá o procedimento para alterar o título da página em JavaScript.

Como alterar o título da página em JavaScript?

Para alterar o título da página, use os métodos abaixo:

• documento.título propriedade
• QuerySelector () método

Vamos ver como esses métodos funcionam.

Método 1: Alterar o título da página usando o documento.Propriedade do título

O título do documento pode ser alterado ou recuperado usando o “documento. título”Atributo. O título da página pode ser alterado fornecendo o novo nome ou título como uma string a este atributo.

Sintaxe
Siga a sintaxe dada para usar a propriedade “documento.título”Para alterar o título da página:

documento.title = "newtitle";

Exemplo
Crie um botão no arquivo HTML que alterará o título da página no evento de clique:

Clique para alterar o título da página

Aqui, o título da página da página HTML criada é “Documento”Isso será alterado clicando no botão:

No arquivo JavaScript, defina uma função, “Changetitle ()”Onde defina o novo título da página que será alterada usando o“documento.título”Atributo:

função chanTetitle ()
documento.title = 'linuxhint';

Saída

A saída acima mostra que o título da página é alterado com sucesso no botão Clique.

Método 2: Alterar o título da página usando o método querySelector ()

Há outra maneira de alterar o título da página, usando o “QuerySelector ()”Método com o“TextContent”Atributo. Este método toma um elemento DOM como argumento e depois altera o título atual da página usando a propriedade TextContent.

Sintaxe
Use a seguinte sintaxe para alterar o título da página usando o “QuerySelector ()”Método:

documento.QuerySelector ('título').textContent = "newtitle";

Exemplo
Defina uma função “Changetitle ()”E defina o novo título da página escolhendo“título”Elemento em“QuerySelector ()”Método:

função chanTetitle ()
documento.QuerySelector ('título').TextContent = 'Linuxhint';

Saída

Pode ser observado a partir da saída que o título da página foi alterado usando JavaScript.

Conclusão

Para alterar o título da página, use o “documento.título"Propriedade ou a"QuerySelector ()”Método com o“TextContent" propriedade. Para alterar o título da página, o “documento.título”O atributo é o método mais amplamente utilizado. Ele muda rapidamente o título da página, enquanto o segundo método primeiro busca o elemento do título e depois altera seu valor. Esta postagem do blog demonstra as maneiras de alterar o título da página em JavaScript.