样式怎么设置，求高手指教
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
有几个 a 标签，当点击 1的时候，使A标签处于选中状态，点击 2时，2处于选中状态，其他标签未选中，
请教这个样式怎么设置？
[解决办法]
<script type="text/javascript">
window.onload = function(){
var _as = document.getElementsByTagName('a');
for(var i = 0 ; i < _as.length ; ++i){
_as[i].length = _as.length;
_as[i].onclick = function(){
for(var j = 0 ; j < this.length ; ++j){
_as[j].className='';
}
this.className = 'selected';
}
}
}
</script>
<style type="text/css">
a{
cursor: pointer;
}
.selected{
color:red;
}
</style>
<a>1</a>
<a>2</a>
<a>3</a>
<a>4</a>
