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.
One option from DOM directly:
$(document).find("title").text();
Tested only on chrome & IE9, but logically should work on all browsers.
Or more generic
var title = document.getElementsByTagName("title")[0].innerHTML;
document.getElementsByTagName() returns an array of elements, [0] selects the first element in that array.
document.title. But the question is explicitly for situations where document.title returns unwanted results (eg. extra characters), and the person asking the question doesn't want to parse the returned title.try like this
$('title').text();
$('title').text();
returns all the title
but if you just want the page title then use
document.title
Like this :
jQuery(document).ready(function () {
var title = jQuery(this).attr('title');
});
works for IE, Firefox and Chrome.
You can get it with plain JavaScript DOM methods.The concept is easy:
Retrieve title element from DOM.
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.
To get title and save it to a constant use:
const { title } = document;
Retro code. It was the Internet Explorer way:
document.all.tags('title')[0].text;
Works as deep as Internet Explorer 4.0.
" - Mozilla Firefox"prefixed after the title indocument.title, not even in earlier versions of FF.