Javascript HTML上的单击事件需要双击

我有一个锚，它有一个

onclick

函数，可以将某些div的背景颜色更改为绿色。它工作正常，但问题是需要双击它才能执行函数

HTML:

你可以用

---

根据我对您问题的理解

试试这个代码。在href中使用#

或者你可以使用

<a onclick="btngreen()" href="javascript: void(0)">MENU</a>

---

对我来说很好。我唯一的问题是你的空

href=“”

标签，所以我删除了它。如果不想删除它，也可以使用

href=“#”

函数btngreen（）{
document.getElementById（“nameofdiv”）.style.backgroundColor=“绿色”；
}

如果您不需要按钮作为链接，您可以简单地将其更改为另一个标记，例如

，因为

a

将尝试导航页面

<p onclick="btngreen()">menu</p>
<script type="text/javascript">
    function btngreen(){
        document.getElementById("nameofdiv").style.backgroundColor = "green";
    }
</script>

菜单

函数btngreen（）{ document.getElementById（“nameofdiv”）.style.backgroundColor=“绿色”； } 或者您也可以将链接默认为不从页面导航，例如下面的示例

<a onclick="btngreen()" href="#">menu</a>
<script type="text/javascript">
    function btngreen(){
        document.getElementById("nameofdiv").style.backgroundColor = "green";
    }
</script>

函数btngreen（）{
document.getElementById（“nameofdiv”）.style.backgroundColor=“绿色”；
}

---

使用

href=“#”

是一个死链接，不会在任何地方导航页面。

我认为他的问题是，现在他必须双击，即使它有onclick处理程序。

<a onclick="btngreen()" href="javascript: void(0)">MENU</a>

<p onclick="btngreen()">menu</p>
<script type="text/javascript">
    function btngreen(){
        document.getElementById("nameofdiv").style.backgroundColor = "green";
    }
</script>

<a onclick="btngreen()" href="#">menu</a>
<script type="text/javascript">
    function btngreen(){
        document.getElementById("nameofdiv").style.backgroundColor = "green";
    }
</script>