Javascript 无效输入上未显示我的警告标签

我还不想使用JQuery，所以我正试图找到一个替代解决方案。 我已经编写了一个带有有效验证函数的from。现在，我想添加一个函数，编辑一个标签以显示在无效输入上。我的css代码如下所示：

#invalidInputHidden{
    display:none;
    color:#FF0000;
}
.error{
    display:block;
}

因此，警报文本首先是隐藏的。在我的JavaScript中，我向标签中添加了一个类，这将使它再次可见。我将其放入验证函数中：

invalidInputHidden.className += " error";

但这并没有发生。是不是因为id的优先级高于类，所以它总是有“display:none；”

“是因为id比类具有优先级吗？”

是的

“…因此它将始终具有

显示：无；

？”

嗯，不总是这样。绕过常规特殊性规则的一种方法是使用：

---

一般认为这不是一个好的做法，事实上我上面提供的MDN链接建议不要这样做，但我个人并不介意你的

.error

类在应用时可能是最重要的样式规则。

啊，好的，很好。我要用一支钢笔试试！重要声明：）

.error{
    display:block !important;
}