js点击当前标签改变样式与还原

Question

点击当前标签,添加样式,点击另一个标签,当前样式还原，另一个标签添加样式

Answer 1

 <style>.focus{background:#f00;color:#fff}</style>
<div id="dv">
    <a href="#">a１</a>　<a href="#">a２</a>　<a href="#">a３</a>
</div>
<script>
    var as = document.getElementById('dv').getElementsByTagName('a');
    for (var i = 0; i < as.length; i++) as[i].onclick = function () { for (var i = 0; i < as.length; i++) as[i].className = '';this.className='focus'}
</script>