在页面加载时将类添加到对象

Question

基本上我想这样做：

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

当页面加载时进入这个：

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

我找到了这个线程，但我不太擅长javascript并且无法适应它： Javascript：如果选中复选框则加载，更改 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');
});

这会将扩展类添加到 id 为 about 的元素，当 dom 为页面加载就绪。