[英]Change css background color in my function
I have this code to change my buttons inner HTML when they are clicked. 我有这段代码可以在单击按钮时更改按钮的内部HTML。 I also want to change the CSS background color when button is clicked, but I couldn't get it to work.
我也想在单击按钮时更改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');
}
}
You mean like this? 你的意思是这样吗?
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/ http://jsfiddle.net/richiwarmen/pcjhsy99/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.