JavaScriptでhtmlの内容を変更

例えば、以下のようなhtmlファイルに書き加えたい時

<ul>
        <li id="id01" ></li>
        <li id="id02" ></li>
        <li id="id03" ></li>
        <li id="id04" ></li>
        <li id="id05" ></li>
</ul>

以下のコードをforloop等で回せば、該当idを持ったタグに変更が加わる。 この場合だと、hogeのリストが作成される。

document.getElementById(id).innerHTML = hoge;