在页面加载上添加类到对象

Question

基本上我想做到这一点：

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

加载页面时进入此页面：

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

我发现了这个帖子，但javascript并不是很好，无法适应它： Javascript: Onload if checkbox is checked, change li class

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准备好时将扩展类添加到id为about的元素。