JS - Add active class on navigation cross pages

Question

window.onload = function() {
    var url = window.location.pathname; 
    var activePage = url.substring(url.lastIndexOf('/') + 1);
    var element = document.getElementById(activePage);
    element.classList.add("active");
};

 

Answer 1

classList definition (from w3schools) 

• The classList property returns the class name(s) of an element, as a DOMTokenList object.
• This property is useful to add, remove and toggle CSS classes on an element.
• The classList property is read-only, however, you can modify it by using the add() and remove() methods.