使用Javascript设置div的样式

使用Javascript设置div的样式,javascript,css,firefox,cross-browser,styles,Javascript,Css,Firefox,Cross Browser,Styles,我需要让我的应用程序在所有浏览器上运行,我有一个div,我使用语法在Javascript中为它设置css类 divNew.className = "highlightItem"; 它在IE上运行正常,但在Firefox、Opera和Chrome上根本不起作用。我也尝试过其他版本,比如 var theDiv = document.getElementById(divNew); theDiv.setAttribute("class", "highlightItem"); theDiv.se

我需要让我的应用程序在所有浏览器上运行,我有一个div,我使用语法在Javascript中为它设置css类

 divNew.className = "highlightItem";
它在IE上运行正常,但在Firefox、Opera和Chrome上根本不起作用。我也尝试过其他版本,比如

 var theDiv = document.getElementById(divNew);
 theDiv.setAttribute("class", "highlightItem");
 theDiv.setAttribute("className", "highlightItem");
没有成功。通过样式设置所有属性也不起作用

有没有其他方法可以为div设置css类,使其在上述浏览器上工作?非常感谢

在这一行:

 var theDiv = document.getElementById(divNew);
您需要div的id作为字符串:

var theDiv = document.getElementById("my-div-ID");
除此之外,它应该是有效的

如果您想在跨浏览器问题上节省时间,请查看-您只需执行以下操作:

$("#my-div-ID").addClass("highlightItem");

第二个例子中的
divNew
的内容是什么?在谷歌浏览器上对我有用:。你的问题在别的地方。你能在这里展示一下吗?第一次和第二次尝试设置样式应该很好