Question

问题是我创建了一个动态导航... 您单击一个具有显示某些按钮功能的标签。我已将该功能分配给带有addEventListener的a-tag。

它适用于所有浏览器，但IE ...

单击标签时，按钮不可见。并且不会出现错误。

P.S。：我是西班牙人，我对我的英语很抱歉：3

/ * Javascript * /

window.onload = function() {
    var boton_menu = document.getElementById("boton_menu");

    /* Compatibilidad con navegadores web */
    if(boton_menu.addEventListener){
        boton_menu.addEventListener("click", menu_usuario, false);
    } else {
        if(boton_menu.attachEvent){
            boton_menu.attachEvent("onclick", menu_usuario);
        }
    }
}

/* Despliega el menú del usuario*/
function menu_usuario() {
    var boton_menu = document.getElementById("boton_menu");
    var perfil = document.getElementById("perfil");
    var ajustes = document.getElementById("ajustes");
    var desconectar = document.getElementById("desconectar");

    if(boton_menu.className == ""){
        boton_menu.className = "active";
        perfil.className = "active";
        ajustes.className = "active";
        desconectar.className = "active";
    } else {
        boton_menu.className = "";
        perfil.className = "";
        ajustes.className = "";
        desconectar.className = "";
    }
}

Answer 1

这适用于IE：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="">
        <meta charset="utf-8">
        <meta name="author" content="Antonio Bueno">
        <title>Button Problems</title>
        <style>
            a {background-color: red; color: #FFF; padding: 10px;}
            a.active {background-color: blue;}
        </style>

        <script>
            window.onload = function(){
                var some_button = document.getElementById("some_button");

                if(some_button.addEventListener){
                    some_button.addEventListener("click", DisplayButton, false);
                } else {
                    if(some_button.attachEvent){
                        some_button.attachEvent("onclick", DisplayButton);
                    }
                }
            }

            function DisplayButton(){
                var some_button = document.getElementById("some_button");
                var another_button = document.getElementById("another_button");

                if(some_button.className == ""){
                    some_button.className = "active";
                    another_button.style.display = "none";
                } else {
                    some_button.className = "";
                    another_button.style.display = "inline-block";
                }
            }
        </script>
    </head>

    <body>
        <a id="some_button" class="">Click on me</a>
        <input id="another_button" type="submit" value="example" />
    </body>
</html>

IE11中的一些问题

1 个答案: