Добавить класс к объекту при загрузке страницы

Question

В основном я хочу сделать это:

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

В это, когда страница загружается:

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

Я нашел эту тему, но я не очень хорош с javascript и не мог 't адаптировать его: Javascript: Onload, если флажок установлен, изменить класс li

Answer 1

Это должно работать:

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

Или, если вы используете jQuery:

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

Answer 2

Я бы порекомендовал использовать jQuery с этой функцией:

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

Это добавит класс расширения к элементу с идентификатором примерно, когда dom будет готов при загрузке страницы.