javascript - 使用 addEventListener 切换按钮颜色

Question

我正在尝试学习使用 addEventListener 切换按钮颜色的普通 JS 方法。我在理解如何将按钮切换回原始颜色时遇到了一些麻烦。这是我的代码:

HTML

<h1>Hello</h1>
<section id="container"></section>

CSS

h1 {
font-family: sans;
}
#container {
padding: 2em;
background-color: tomato;
}

#container2 {
padding: 2em;
background-color: blue;
}

JS

var el = document.getElementById('container');
el.addEventListener('click', function() {
this.style.backgroundColor = 'blue';
});

jsbin

Answer 1

您可以通过清除背景色来恢复声明的 CSS 样式，如下所示:

this.style.backgroundColor = '';

fiddle http://jsfiddle.net/xza5bt0q/

点击方框切换颜色。