使用Javascript设置div的样式

Question

我需要在所有浏览器上运行我的应用程序，并且我有一个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类，以便它能够在上述浏览器中运行？非常感谢！

Answer 1

在这一行：

 var theDiv = document.getElementById(divNew);

你需要你的div的id作为字符串：

var theDiv = document.getElementById("my-div-ID");

除此之外它应该有用。

如果您希望通过跨浏览器问题节省时间，请查看jQuery - 您只需：

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