当点击按钮时,我希望隐藏这个计数器的数字,同时更改背景颜色为黄色。例如,我想在数字前面显示黄色,类似于z-index 1。
如果我再次点击,我希望恢复数字并将背景颜色设置回原来的样子,类似于z-index -1。这可行吗? 我已经尝试过了.. 谢谢
var countStep = 0;
function counter() {
document.getElementById("btnToggle").innerHTML = ++countStep;
}
function btnColor(btn, color) {
var property = document.getElementById(btn);
if (property.className !== 'toggled') {
property.style.backgroundColor = color;
property.className = 'toggled'
} else {
property.style.backgroundColor = "rgb(244,113,33)";
property.className = '';
}
}
#btnToggle {
background: #222;
color: lime;
}
<p id="btnToggle">OFF</p>
<button onClick="countNumbers = setInterval(counter, 1000)">Play</button>
<button onClick="clearInterval(countNumbers)">Stop</button>
<input type="button" id="btnToggle" value="Toggle" onclick="btnColor('btnToggle','rgb(255,242,0)');" />
<p id="btnToggle">OFF</p>
和<input type="button" id="btnToggle"...
ID属性应该只唯一地属于一个元素。 - dale landry