javascript - 使用 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");