background style for childnodes in firefox 2.0

[moz]

hey ,

There is this code snippet tat works perfectly in IE7 but poses prob in firefox 2.0.
This has to show a bgcolor for the row on mouseover .
function highlightOn(obj) {

var varChild, i;
for (i = 0; i < obj.childNodes.length; i+=1)
{
varChild = obj.childNodes[i];
varChild.style.backgroundColor = "#ffff00";
}
}
Error being thrown is "varChild.style" has no properties in mozilla .Could u please help me fix this one up.

Regards
Moz

[sumittyagi]

hey ,

There is this code snippet tat works perfectly in IE7 but poses prob in firefox 2.0.
This has to show a bgcolor for the row on mouseover .
function highlightOn(obj) {

var varChild, i;
for (i = 0; i < obj.childNodes.length; i+=1)
{
varChild = obj.childNodes[i];
varChild.style.backgroundColor = "#ffff00";
}
}
Error being thrown is "varChild.style" has no properties in mozilla .Could u please help me fix this one up.

Regards
Moz

whenever you find this type of error, then that means the property you are accessing is not supported or desn't exist.

try the alternative.

for (i = 0; i < obj.childNodes.length; i+=1)
{
varChild = obj.childNodes[i];
varChild.setAttribute("style", "background-color:#ffff00");
}

[moz]

hey i tried this but with tat syntax its neither working in IE7 nor in mozilla is there any other alternative?

[acoder]

The problem is caused by whitespace. Firefox treats whitespace as a node too.

See link.

[moz]

its still nt wrking.. :(
any other solution

[acoder]

Put everything on one line to get rid of the spaces.

Or use a stylesheet hover for the the table rows. It should work in FF, I'm not sure about IE7.