javascript - 在没有 jQuery 的情况下检查 CSS 类是否存在

Question

有人可以使用 vanilla javascript 或原型(prototype)告诉我如何运行检查以查看某个类是否存在吗？例如，我正在使用以下代码添加一个名为 hideIt 的类:

var overlay = document.getElementById("overlay_modal");
overlay.className += " hideIt";

我还需要一个稍后可以检查 hideIt 是否存在的脚本。我试过这样的事情:

if (overlay.className == "hideIt")

但是这样不好。有什么想法吗？

Answer 1

使用 regexp . \b 将匹配单词边界(空格、换行符、标点符号或字符串结尾)。

var overlay = document.getElementById("overlay_modal");
if (overlay.className.match(/\bhideIt\b/)) 
{
    // frob a widget
}