javascript - 在我的函数中更改 css 背景颜色

Question

我有这段代码可以在单击按钮时更改我的按钮内部 HTML。我还想在单击按钮时更改 CSS 背景颜色，但无法正常工作。

<button id="showTop" class="menubtn" >Show Menu</button>

var menuTop = document.getElementById('cbp-spmenu-s3'),
    showTop = document.getElementById('showTop'),
    body = document.body;

showTop.onclick = function() {
    if (showTop.innerHTML == 'Show Menu') {
        showTop.innerHTML = 'Hide Menu';
    } else {
        showTop.innerHTML = 'Show Menu';
    };

    classie.toggle(this, 'active1');
    classie.toggle(menuTop, 'cbp-spmenu-open');
    disableOther('showTop');
};

function disableOther(button) {
    if (button !== 'showTop') {
        classie.toggle(showTop, 'disabled');
    }
}

Answer 1

你是说这样？

if (showTop.innerHTML == 'Show Menu') {
    showTop.style.backgroundColor = "blue";
    showTop.innerHTML = 'Hide Menu';
} else {
    showTop.innerHTML = 'Show Menu';
    showTop.style.backgroundColor = "";
};

http://jsfiddle.net/richiwarmen/pcjhsy99/