Todo lo que quiero hacer es hacer que el título sea exactamente igual a la etiqueta h1.
<title class="blogtitle"></title> <h1 class="title">Updating our staff members</h1> <script> document.getElementsByClassName("blogtitle")[0].innerHTML = h1; var h1 = document.getElementsByClassName("title") </script>Eso sería muy malo tanto para el SEO como para la accesibilidad. No uses JS para esto. Utilice un motor de plantillas que permita hacer esto en el servidor.
Dicho esto, aquí está el Javascript que haría esto y que no debería usar si la optimización de motores de búsqueda o la accesibilidad son de alguna relevancia en su proyecto.
document.addEventListener('DOMContentLoaded', // make sure this code only runs once JS can access the DOM safely function() { // document.title = document.querySelector('h1.title')?.textContent ?? ''; } ); <!DOCTYPE html> <html lang="en"> <head> <title></title> </head> <body> <h1 class="title">Updating our staff members</h1> </body> </html> En lugar de usar el oyente DOMContentLoaded (que solo está en su lugar para asegurarse de que todos los elementos de la página estén disponibles para acceder a través de Javascript), también puede incluir su etiqueta <script> justo antes de la etiqueta de cierre </body> :
<!DOCTYPE html> <html lang="en"> <head> <title></title> </head> <body> <h1 class="title">Updating our staff members</h1> <script> document.title = document.querySelector('h1.title')?.textContent ?? ''; </script> </body> </html>Bueno, parece que solo estás aprendiendo HTML y entrando en este nuevo universo. Así que solo responderé a su pregunta y no lo sobrecargaré con un montón de información avanzada.
Puede cambiar el título de una página usando
document.title = 'Your new title'así que puedes hacer algo en este sentido:
var h1Element = document.getElementsByClassName("title")[0] // you can use other selectors here such as querySelector, getElementByClassName... var h1Text = h1Element.innerHTML document.title = h1Text Además, no debe colocar una clase en una etiqueta de título y debe estar dentro de una etiqueta <head> .
Solo recuerda la estructura básica de un HTML:
<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>