JavaScript Obtener título de la página
-
Use la propiedad
document.titlepara obtener el título de la página en JavaScript -
Use
getElementsByTagNamepara obtener el título de la página en JavaScript
Un título de página le da a una página web una identificación única. Este título puede ser capturado o manipulado por algunas propiedades de JavaScript.
La razón detrás de realizar esta tarea es recibir una notificación sobre la página. En los siguientes ejemplos, veremos dos instancias que cubren cómo obtener el título de la página.
El primero se centrará en la propiedad document.title que puede obtener y manipular el nombre del título. Y en segundo lugar, veremos si podemos obtener el título haciendo una instancia del TagName.
Use la propiedad document.title para obtener el título de la página en JavaScript
Veremos como la propiedad document.title obtiene el título en esta instancia. Si no establecemos ningún título nuevo para la página, la propiedad obtendrá el título predefinido de forma predeterminada.
Aquí, el document.title devolvería Test, pero como establecemos el valor en Title Changed, ese es el nuevo título.
Fragmento de código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
</head>
<body>
<script>
document.title = "Title Changed"
console.log(document.title);
</script>
</body>
</html>
Producción:
Use getElementsByTagName para obtener el título de la página en JavaScript
En el caso de tratar con el Nombre de etiqueta, tomaremos una instancia de él e intentaremos obtener su contenido, también conocido como el título con la propiedad innerHTML.
Fragmento de código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Another Test</title>
</head>
<body>
<script>
var title = document.getElementsByTagName("title")[0].innerHTML;
console.log(title)
</script>
</body>
</html>
Producción:
