2012-03-08 5 views
1

で、私のサンプル静的なHTMLとCSSが正しくdivタグのセット水平および間隔の結果:DHTML、複数のCSSクラス、IE 7ではIE7

JSFiddle, Sample #1

しかし、すぐにIE7をするように要求されます同じことは、Javascriptを要素の「クラス」を変更すると、それは完全に水平方向の書式設定を失う:

JSFiddle, Sample #2

この第二の例では、HTMLを生成し、タイマー付きのアップデートを、それがIDENTですHTML。

これは、div要素(class = "count-digit digit4")に関連付けられた複数のクラスを持つことと、これらの2つのクラスのうちの2番目のクラスを動的に更新することと関係していると推測します。私はIE7はあきらめるだけだと思います。それが本当の問題ですか?それにもかかわらず、これを修正する適切な方法は何でしょうか?動的更新が正しく機能するようにするには?

答えて

1

element.setAttribute("className", "your-classname-here");「Class」はECMAscriptの予約語ですので、代わりに「className」と一緒に行かなければなりませんでした(私は推測しています)。

ここにはさらに詳しい情報があります。why is class a reserved word in JavaScript?

+0

OMGと私も知っていました。 DOH!うん、それはそれを修正した。 –