ページの読み込み時にオブジェクトにクラスを追加する

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');
});

これにより、ページの読み込み時にdomの準備ができたときに、IDが約の要素にexpandクラスが追加されます。