javascript - 在catch语句中添加一个类

Question

当我尝试在 catch 语句中添加类时遇到问题。

当我单击按钮进行确认时，javascript 向我显示已成功添加类的错误，但是当我重新单击该按钮而不刷新页面时，添加的类不再存在。

function catchclass(){
    var result, x;
    result = document.getElementById("result");
    result.innerHTML = "";
    x = document.getElementsByTagName("input")[0].value;
    try { 
        if(x == "")  throw "is Empty";
    }
    catch(err) {
        result.innerHTML = "Input " + err;
        result.className += 'error';
    }
}

p.error {
    background: red;
    padding: 10px;
}

<input type="text" />
<button type="button" onclick="catchclass()">Test Input</button>

<p id="result"></p>

Answer 1

它将类错误附加到变为“errorerror”的类，因此 CSS 不起作用。

result.className += 'error '; 

这应该适合您，或者您可以在添加类之前检查是否有类错误，然后进行相应的添加