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

Question

基本上我想这样做:

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

当页面加载时进入此:

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

我找到了这个帖子,但javascript并不是很好,无法适应它: Javascript:Onload if if复选框,更改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准备就绪时将扩展类添加到id为about的元素.