Hvordan endre sidetittelen i JavaScript

“Side tittel”Henviser til den korte sammendraget av en webside som vises øverst i en nettleserfane. Dokumentets tittel er spesifisert ved hjelp av stikkord. Sidens fane eller nettleserens tittellinje viser tittelen, som bare skal være tekst. Mens du navigerer på nettstedssider, bør sidens tittel endres i henhold til innholdet.

Dette blogginnlegget vil definere prosedyren for å endre sidetittelen i JavaScript.

Hvordan endre sidetittelen i JavaScript?

For å endre sidetittelen, bruk de undergitte metodene:

• dokument.tittel eiendom
• QuerySelector () metode

La oss se hvordan disse metodene fungerer.

Metode 1: Endre sidetittelen ved å bruke dokument.titteleiendom

Dokumentets tittel kan endres eller hentes ved hjelp av “dokument. tittel" Egenskap. Sidens tittel kan endres ved å oppgi det nye navnet eller tittelen som en streng til denne attributtet.

Syntaks
Følg den gitte syntaks for bruk av eiendommen “dokument.tittel”For å endre sidetittelen:

dokument.title = "newtitle";

Eksempel
Opprett en knapp i HTML -fil som vil endre sidetittelen på klikkhendelsen:

Klikk for å endre tittelen på siden

Her er sidetittelen på den opprettede HTML -siden “Dokument”Det vil bli endret ved å klikke på knappen:

I JavaScript -filen, definere en funksjon, “Changetitle ()”Hvor angir den nye tittelen for siden som vil bli endret ved å bruke“dokument.tittel" Egenskap:

Funksjon Changetitle ()
dokument.tittel = 'Linuxhint';

Produksjon

Outputten ovenfor viser at sidetittelen er vellykket endret på knappeklikk.

Metode 2: Endre sidetittelen ved å bruke QuerySector () -metoden

Det er en annen måte å endre sidetittelen ved å bruke "QuerySelector ()”Metode med“Tekstkonkurranse" Egenskap. Denne metoden tar et DOM -element som et argument og endrer deretter sidens nåværende tittel ved hjelp av TextContent -egenskapen.

Syntaks
Bruk følgende syntaks for å endre sidetittelen ved å bruke “QuerySelector ()”Metode:

dokument.QuerySelector ('tittel').textContent = "newtitle";

Eksempel
Definere en funksjon “Changetitle ()”Og angi den nye tittelen for siden ved å velge“tittel”Element i“QuerySelector ()”Metode:

Funksjon Changetitle ()
dokument.QuerySelector ('tittel').textContent = 'linuxhint';

Produksjon

Det kan observeres fra utdataene at sidens tittel er endret ved hjelp av JavaScript.

Konklusjon

For å endre sidetittelen, bruk "dokument.tittel”Eiendom eller“QuerySelector ()”Metode med“Tekstkonkurranse”Eiendom. For å endre sidetittelen, "dokument.tittel”Attributt er den mest utnyttede metoden. Det endrer raskt sidens tittel, mens den andre metoden først henter tittelelementet og deretter endrer verdien dette blogginnlegget demonstrerer måtene å endre tittelen på siden i JavaScript.