Get the title of a web page (JavaScript)
Getting the title of a web page in JavaScript. Three ways, by:
document.title
HTML code:
<div class="example"></div>
JavaScript code:
<script>
document.querySelector('.example').textContent = document.title;
</script>
Browser support
- Windows
- Edge 12.0+
- Firefox 1.0+
- Google Chrome 1.0+
- Opera 12.1+
- Linux
- Firefox 1.0+
- Google Chrome 1.0+
- Opera 12.1+
- iOS
- Safari 3.2+
- Android
- Samsung Internet 1.0+
- Chrome 18.0+
- Firefox 4.0+
- Opera 12.1+
document.querySelector
HTML code:
<div class="example example2"></div>
JavaScript code:
<script>
document.querySelector('.example2').textContent = document.querySelector('title').textContent;
</script>
Browser support
- Windows
- Edge 12.0+
- Firefox 3.5+
- Google Chrome 1.0+
- Opera 10.0+
- Linux
- Firefox 3.5+
- Google Chrome 1.0+
- Opera 10.0+
- iOS
- Safari 2.0+
- Android
- Samsung Internet 1.0+
- Chrome 18.0+
- Firefox 4.0+
- Opera 10.1+
document.getElementsByTagName
HTML code:
<div class="example example3"></div>
JavaScript code:
<script>
document.querySelector('.example3').textContent = document.getElementsByTagName('title')[0].textContent;
</script>
Browser support
- Windows
- Edge 12.0+
- Firefox 1.0+
- Google Chrome 1.0+
- Opera 5.1+
- Linux
- Firefox 1.0+
- Google Chrome 1.0+
- Opera 5.1+
- iOS
- Safari 1.0+
- Android
- Samsung Internet 1.0+
- Chrome 18.0+
- Firefox 4.0+
- Opera 10.1+
Links
- Document: title property developer.mozilla.org/en-US/docs/Web/API/Document/title
- Document: querySelector() method developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- Document: getElementsByTagName() method developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagName