javascript - 在 Javascript (AJAX) 中使用 显示

Question

你好，我对这段代码有疑问，它让我很生气(我是 JS 语言方面的菜鸟):

function procesarCambio(){
    if(obj.readyState == 4){
            if(obj.status == 200){
                document.getElementById("miDiv").innerHTML = obj.responseText;
                var persona;
                if(window.JSON)
                    persona = window.JSON.parse(obj.responseText);
                else
                    persona = eval( '(' + obj.responseText + ')' );
                if(window.sessionStorage){
                    sessionStorage.setItem("clave", persona.CLAVE);
                    sessionStorage.setItem("login", persona.LOGIN);
                    sessionStorage.setItem("nombre", persona.NOMBRE);
                    sessionStorage.setItem("email", persona.EMAIL);
                    sessionStorage.setItem("ultAcceso", persona.ULTIMO_ACCESO);
                    sessionStorage.setItem("foto", persona.FOTO);
                }
                //alert("Bienvenido" + sessionStorage.getItem("nombre")); //No tiene que ser un alert
                //setTimeout(window.location = "index.html", 0);
                document.getElementById("error").style.opacity = '0';
                document.getElementById("acierto").style.opacity = '1';
            }else{
            //alert("Nombre de usuario o contraseña incorrectos");//No tiene que ser un alert
            document.getElementById("acierto").style.opacity = '0';
            document.getElementById("error").style.opacity = '1';
            }
        }
}
function ocultar(){
    document.getElementById("error").style.opacity = '0';
    document.getElementById("login").focus();
    return false;
}

HTML:

<div id="acierto" class="popup acierto">
            <p>Welcome</p><a href="index.html"><img src="imagenes/x.png" height="32" width="32"></a>
            </div>
        <div id="error" class="popup error">
            <p>Error</p><a href="#" onclick="ocultar(); return false;"><img src="imagenes/x.png" height="32" width="32"></a>
        </div>

它处理 AJAX 登录请求，然后写入一条消息，该消息可能成功也可能出错，具体取决于登录是否正确。一切正常，除了当我单击成功消息右上角的 X 时，它会调用错误函数而不是转到 index.html

Answer 1

使用 style.display = 'none' 或 'block' 代替 style.opacity

            document.getElementById("error").style.display = 'none';
            document.getElementById("acierto").style.display = 'block';