How do you change the <title> element with javascript?
Question
I have a HTML <title> element which I want to dynamically change depending on other elements. I tried using document.getElementsByTagName('title').innerHTML = dynamicContent but this did not seem to work. I have seen it done before, but I can't seem to figure out exactly how to do this.
3 answers
solution1
15 ACCPTED 2010-11-14 01:49:43
Do you mean the <title> element in <head> of the page?
If yes, then changing document.title should do the trick.
solution2
7 2010-11-14 01:49:10
getElementsByTagName() returns a NodeList, so you need to pick one element:
document.getElementsByTagName('title')[0].innerHTML = dynamicContent
There's also a shortcut to the title:
document.title = dynamicContent
solution3
1 2010-11-14 01:50:19
You can manipulate
a) document.title = 'blah';
b) .textContent or .innerText depending on the browser
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.