javascript - onFocus时如何更改所有表单元素的样式

Question

我成功完成了我拥有的表单的验证功能，当它捕获错误时，我希望在单击任何表单元素时删除所有表单元素上的红色边框。我知道如何使用 onFocus 调用该函数，但问题是我不知道如何定位元素而不是元素的值。这是我遇到错误的功能：

   function clearFormErrors(x) {
        var element = document.forms[x].elements;
        for(i = 0; i = element.length; i++) {
            element[i].style.borderColor = "#000";
        }
    }

如何定位输入字段而不是内部值以将边框更改为黑色？

Answer 1

如上所述，您的循环应该是 <.

但是，如果您只想针对“输入”，您还应该检查 nodeName。

   function clearFormErrors(x) {
        var element = document.forms[x].elements;
        for(i = 0; i < element.length; i++) {
            if (element[i].nodeName.toLowerCase() == "input") {
                element[i].style.borderColor = "#000";
            }
        }
    }