Menu
How to make dynamic changing <title> tag with jquery?
example: adding 3 > symbols one by one
> title >> title >>> title 
656
jQuery code snippet to get the current web page full title and store it in a variable for use with other scripts. This is the title you see on your browser header. Current page title: mytitle. Another way suggested by Andy.
To set the title property on an element, use: $('#yourElementId'). prop('title', 'your new title');
Use the querySelector() Method to Change the Page Title in JavaScript. We can use the document. querySelector() method to pick elements in a document. The title element can be chosen by giving the title element a selector parameter and retrieving the page's main title element.
The title property sets or returns the value of the title attribute of an element, nothing but providing extra information regarding the element. This is mostly used as a tooltip, which displays the text on mouse hovering. Javascript has provided document. title() to get the title.
$(document).prop('title', 'test'); This is simply a JQuery wrapper for:
document.title = 'test'; To add a > periodically you can do:
function changeTitle() { var title = $(document).prop('title'); if (title.indexOf('>>>') == -1) { setTimeout(changeTitle, 3000); $(document).prop('title', '>'+title); } } changeTitle(); If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
