Onclick功能不运行[重复]答案

【问题标题】：Onclick function do not run [duplicate]Onclick功能不运行[重复]
【发布时间】：2016-04-20 04:53:36
【问题描述】：

我想在点击 IMG 时显示一个下拉菜单。

这是我的javascript函数

<script language='javascript'> function menu_mov(){document.getElementById("naveg").visibility = "visible"; }

这是我的 HTML 代码

<img id="menu_movil" onclick="menu_mov()" alt="menu" src="images/iconos/menu_movil.png" />
            <h3>Telf: 944 128 112
                <br>
                C/ Padre Esteban Pernet, 1 bajo, (Esq. C/Karmelo) Bilbao  
            </h3>
         </div>
         <nav id="naveg">
            <ul>
                <li class="actual menu"><a class="boton" href="inicio.html">Inicio</a></li>
                <li class="menu"><a class="boton" href="tratamientos.html">Tratamientos</a></li>
                <li class="menu"><a class="boton" href="galeria.html">Galería</a></li>
                <li class="menu"><a class="boton" href="novias.html">Novias</a></li>
                <li class="menu"><a class="boton" href="indiba.html">Indiba</a></li>
                <li class="menu"><a class="boton" href="beauty-party.html">Beauty Party</a></li>
                <li class="menu"><a class="boton" href="contacto.html">Contacto</a></li> 
            </ul>
         </nav>

这是我的 CSS 代码

#naveg{
    visibility: hidden;
    position: absolute;
    margin-top: -80px;
    background-color: #000000;
}

#menu_movil{
    display: block;
    width: 25px;
    margin: -25px 0px 0px -15px;
}

.menu{
    display: block;
    border-left: 0px;
    line-height: 15px;
    width: 150px;
}

我尝试将 IMG 更改为其他，并运行功能，但是当我想显示菜单时，该功能不运行。你能帮帮我吗？

提前谢谢你。

【问题讨论】：

您的浏览器控制台有任何错误吗？

标签： javascript html

【解决方案1】：

你需要更新

document.getElementById("naveg").visibility = "visible";

到

document.getElementById("naveg").style.visibility = "visible";

【讨论】：

【解决方案2】：

有两个问题，你的脚本错过了样式和脚本块没有正确关闭

<script>
  function menu_mov(){
  document.getElementById("naveg").style.visibility = "visible"; 
  }
</script>

【讨论】：