attachEvent change style

that suppose to bind onclick and change the backgroung color,
this.style.backgroundColor doesnt work with IE, any solution?

<script type="text/javascript">
var els = document.getElementsByTagName('input');
for (i = 0; i < els.length; i++) {
var el = els[i];
if (el.addEventListener) {
el.addEventListener ("click",changeBG,false);
} else if (el.attachEvent) {
el.attachEvent ("onclick",changeBG);
}
}

function changeBG() {
this.style.backgroundColor = 'red';
}
</script>

Try this:
function changeBG(evnt) {
var ev = (evnt) ? evnt : event;
if (ev.srcElement) {
ev.srcElement.style.backgroundColor = 'red';
} else {
ev.target.style.backgroundColor = 'red';
}
}

thx a lot

hey, one more question, how do i use setInterval with this, i need the background to disappear after some time. i cant get it working.

change your function like this:

function changeBG(evnt)
{
changeBGColor(evnt,'red');
window.setTimeout("changeBGColor("+evnt+",'white')",2000); //I added the comma between the two parameters inside the function call
// the system will wait 2000 milli seconds before calling back the //method and setting the background color back to white
}

function changeBGColor(evnt,colorName)
{
var ev = (evnt) ? evnt : event;
if (ev.srcElement)
{
ev.srcElement.style.backgroundColor = colorName;
}
else
{
ev.target.style.backgroundColor = colorName;
}
}

thank you for your effort and time, i get this error:

missing ] after element list

?