How do I change page title based on heading?

Question

I would like to change the title of my page based on the name of

for example, <h1>lorem imsum<h1> would set the page title to lorem ipsum

Please add code you've used – Ronnie Oosting Aug 20 '18 at 13:48 — Ronnie Oosting, Aug 20 '18 at 13:48

Marco Yammine · Accepted Answer · 2018-08-20T13:55:23.050

0

Assuming you want to do it in JS

document.title = document.querySelectorAll('h1')[0].textContent

Where [0] is indicating that you want the text from the first h1 element. If your h1 will have an id then use that instead as it will explicit therefore safer.

edited Aug 20 '18 at 13:55

answered Aug 20 '18 at 13:54

Marco Yammine

303
1
10

1

A more narrow selector would make a lot more sense. This approach breaks as soon as you add another `h1` – Liam Aug 20 '18 at 13:55
You are right. Hence the indication that using id is better. – Marco Yammine Aug 20 '18 at 13:56

How do I change page title based on heading?

1 Answers1