Add Class to Object on Page Load

javascript onload
Miles Pfefferle picture Miles Pfefferle · Feb 14, 2011 · Viewed 105.2k times · Source

Basically I want to make this:

<li id="about"><a href="#">About</a>

Into this when the page loads:

<li id="about" class="expand"><a href="#">About</a>

I found this thread, but am not so good with javascript and couldn't adapt it: Javascript: Onload if checkbox is checked, change li class

Answer

Jacob Relkin picture Jacob Relkin · Feb 14, 2011

This should work:

window.onload = function() {
  document.getElementById('about').className = 'expand';
};

Or if you're using jQuery:

$(function() {
  $('#about').addClass('expand');
});

Related questions

How do I call a JavaScript function on page load?

Traditionally, to call a JavaScript function once the page has loaded, you'd add an onload attribute to the body containing a bit of JavaScript (usually only calling a function) <body onload="foo()"> When the page has loaded, I …

Read More
How to run a function when the page is loaded?

I want to run a function when the page is loaded, but I don’t want to use it in the <body> tag. I have a script that runs if I initialise it in the <body>, …

Read More
How to run function in AngularJS controller on document ready?

I have a function within my angular controller, I'd like this function to be run on document ready but I noticed that angular runs it as the dom is created. function myController($scope) { $scope.init = function() { // I'd like to run …

Read More