点击按钮时的奇怪行为

Question

我目前正在做一个项目，我的导航栏有一些问题。

我的导航栏有两个按钮，在一个下拉菜单中，第二个按钮工作正常，但当我点击第一个按钮时，什么都没有发生。

<div class="dropdown-menu" aria-labelledby="navbarDropdown">
   <button class="dropdown-item all" id = "my_all" onclick = "showApplied()">Angemeldet</button>
   <button class="dropdown-item off" id = "empty" onclick = "switchShowAllEmpty()">Leere Aktivitäten einblenden</button>
</div>

第二个按钮工作正常，但是当我点击第一个按钮时，什么都没有发生。当我改变了 "空 "按钮仍然是工作的，而 "my_all "按钮不工作。但是当我在浏览器中操作副本，复制第一个按钮并再次粘贴到下拉菜单中时，粘贴的按钮可以工作，而原按钮却不行。

这对我来说毫无意义。而且onclick-function也能正常工作，所以这不是问题所在。如果有人知道问题出在哪里，请告诉我。

Answer 1

你代码中的问题出在showAll()函数的第143行。

function showAll(){
        document.getElementById("my_all").onclick = "showApplied()";

你试图给onclick属性一个字符串值（这是函数文本），而不是一个函数定义。你可以去掉它，因为无论如何你已经在HTML中对按钮应用了onclick事件。

无论如何，如果你真的想要它，那么。

你可以试试 document.getElementById("my_all").onclick = showApplied

您可以参考点击属性文档 此处. 你也可以尝试看一个工作实例 此处.