更改文字onclick按鈕

Question

我正在嘗試獲取按鈕來更改onclick文本，同時它還會打開菜單。 菜單正在運行，並且正在打開onclick，但按鈕上的文本不起作用。

可能是通過打開菜單的部分進行故障排除？ 我找不到為什么它不起作用。

按鈕

<button type="button" id="showRight" onClick="click()">Tools</button>  

劇本：

<script>
    var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
        menuRight = document.getElementById( 'cbp-spmenu-s2' ),
        menuTop = document.getElementById( 'cbp-spmenu-s3' ),
        menuBottom = document.getElementById( 'cbp-spmenu-s4' ),
        showRight = document.getElementById( 'showRight' ),
        body = document.body;

    showRight.onclick = function() {
        classie.toggle( this, 'active' );
        classie.toggle( menuRight, 'cbp-spmenu-open' );
    };

    function click()
    {
        var change = document.getElementById("showRight");
        if (change.value == "Tools")
        {
            change.value = "X";
        }
        else
        {
            change.value = "Tools";
        }
    }
</script>

Answer 1

添加事件時，您將覆蓋內聯click屬性。

您應該使用addEventListener

showRight.addEventListener("click", function() {} );

我個人將這兩種方法合而為一。

Answer 2

如果您願意，它不是change.value而是change.textContent或change.innerText 。

Answer 3

我相信click是一個關鍵字，不能用作函數名稱。 如果僅將函數名稱更改為showRight_click（）並更新onclick以使其匹配就可以了。