How to get current html page title with javascript

Question

I'm trying to get the plain html page title with javascript.

I use firefox and with

document.title 

I get extra "- Mozilla Firefox" to the end of the title. I know it would be easy to get rid of this by modifying string but if they change text, use different format etc or some other browser modifies this differently I have extra text there again.

So, is there any cross browser way to get the plain tag content with javascript? Jquery solution is ok.

Answer 1

try like this

$('title').text();

Answer 2

Like this :

jQuery(document).ready(function () {
    var title = jQuery(this).attr('title');
});

works for IE, Firefox and Chrome.

Answer 3

$('title').text();

returns all the title

but if you just want the page title then use

document.title

Answer 4

You can get it with plain JavaScript DOM methods.The concept is easy:

1. Retrieve title element from DOM.

2. Get its content using innerHTML or innerText.

So:

const titleElement = document.getElementsByTagName("title")
const title = titleElement.innerText

console.log(title) // The title of the HTML page.

To retrieve, you can use other methods such as querySelector, or adding an id to title, getElementById.

Answer 5

To get title and save it to a constant use:

const { title } = document;