DHTML,IE7中的多个CSS类

DHTML, multiple CSS Classes, in IE7

本文关键字:CSS IE7 DHTML      更新时间:2023-09-26

在IE 7中,我的示例静态HTML和CSS正确地生成了一组水平且间隔开的div标记:

JSFiddle,样品#1

但一旦IE7被要求做同样的事情,javascript修改元素的"类",它就完全失去了水平格式:

JSFiddle,样品#2

第二个示例生成HTML,并使用计时器对其进行更新,但它是完全相同的HTML。

我推测这与有多个类与div元素相关(class="count digit digital4"),以及我正在动态更新这两个类中的第二个有关。我想IE7只是放弃了。这是真正的问题吗?不管怎样,解决这个问题的正确方法是什么——以便动态更新正常工作?

尝试使用element.setAttribute("className", "your-classname-here");"class"是ECMAscript中的保留字,所以他们不得不使用"className"(我猜)。

这里有更多关于SO的信息:为什么类是JavaScript中的保留词?