Question

我正在尝试按下按钮来更改文本，同时它还会打开菜单。菜单工作正在打开，但按钮上的文字不是。

是否可以使用打开菜单的部件进行故障排除？我找不到为什么它不起作用。

按钮

<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

添加事件时，您将覆盖内联点击属性。

您应该使用addEventListener

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

我个人将这两种方法合二为一。

Answer 2

如果您愿意，则不是change.value change.textContent或change.innerText。

Answer 3

我认为click是一个关键字，不能用于函数名称。如果您只是将函数名称更改为showRight_click（）并更新您的onclick以匹配它就可以了。

更改文本onclick按钮

3 个答案: