JavaScriptで要素を作るときのclass指定方法

一度悩んで、解決してたのに、忘れてもう一回悩んだので、次は絶対悩まないようにメモメモ

こう書くべし！

    var e = document.createElement('div');
    e.className = 'some-class-name';
    document.body.appendChild(e);

以下のように書いてもよさそうだが、IEでは（少なくともIE7では。不明だがIE6もたぶんだめ？）CSSでclassに指定したスタイルが適用されず、しばらく頭を悩ませてしまうこととなった。

    var e = document.createElement('div');
    e.setAttribute('class', 'some-class-name');
    document.body.appendChild(e);

頭を悩ませた時間が前回より減ってない気がするのがダメダメな感じ・・orz

皆さんもお気をつけくださいまし。