У меня вЫшло так
<style>
div {
border:1px solid red;float:left;width:100px;height:100px;
margin-right:10px;
}
.red{background:red;}
.blue{background:blue;}
</style>
</head>
<body>
<div>1</div>
<div class="blue">2</div>
<div>3</div>
<div>4</div>
<script>
divs=document.getElementsByTagName('div')
function handler( e ){
for(i=0;i<divs.length;i++){
divs[i].style.backgroundColor='white'
}
//alert(this.innerHTML)
this.style.backgroundColor='red'
}
divs=document.getElementsByTagName('div')
eventType = document.addEventListener ? ["addEventListener", ""] : ["attachEvent", "on"];
for( var i = 0; i < divs.length; i++ ) {
divs[ i ][ eventType[ 0 ] ]( eventType[ 1 ] + "click", function( e ){
e = e || window.event;
handler.call( e.target || e.srcElement, e );
}, false );
}
</script>
Кто знает как проще сделать эту задачу???