Dynamic updating of background-color within table cells


C

Craig Taylor

I'm dynamically creating a table in JS based upon an Ajax response. As
part of that response I'm wanting to "row"-a-size it so that
alternating light and dark columns show up.

My JS extract to assign the css is as follows:
(just added td cell )
elem.setAttribute( "class", "cssClassName" );

And in the css I have the appropriate class definitions for (in this
case "dark" and "light" (td.light, td.dark) ).

This works in FireFox just fine and IE renders the cells appropriately
but is ignoring the setting of the class attribute.

Any thoughts?

- Craig Taylor
 
Ad

Advertisements

C

Craig Taylor

Craig said:
I'm dynamically creating a table in JS based upon an Ajax response. As
part of that response I'm wanting to "row"-a-size it so that
alternating light and dark columns show up.

My JS extract to assign the css is as follows:
(just added td cell )
elem.setAttribute( "class", "cssClassName" );

And in the css I have the appropriate class definitions for (in this
case "dark" and "light" (td.light, td.dark) ).

This works in FireFox just fine and IE renders the cells appropriately
but is ignoring the setting of the class attribute.

Found the problem - IE doesn't honor a "setAttribute" on the class -
you need to explicitly reference it via a elem.className = "class" to
set the class property.

*grumbles* - IE...
 

Top