按鈕 onclick 的奇怪行為

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>

第二個按鈕工作正常，但是當我單擊第一個按鈕時沒有任何反應。 當我更改結束按鈕“empty”時仍然有效，而按鈕“my_all”沒有。 但是，當我通過復制第一個按鈕並將其再次粘貼到下拉列表中來操作瀏覽器內的副本時，盡管原始按鈕沒有，但粘貼的按鈕仍然有效。

對我來說，這毫無意義。 而且 onclick 功能也可以正常工作，所以這不是問題。 如果有人知道問題出在哪里，請告訴我。

Answer 1

您的代碼中的問題在於 showAll() function 內的第 143 行。

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

您正在嘗試為 onclick 屬性而不是 function 定義提供字符串值（即 function 文本）。 您可以刪除它，因為無論如何您已將 onclick 事件應用於 HTML 中的按鈕。

無論如何，如果你真的想要它，

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

您可以在此處參考 onclick 屬性文檔。 您也可以在此處嘗試查看工作示例。