BACKGROUND: I have the following XUL fragment
<tree id="treeToChange" flex="1">
<treecols>
<treecol label = "First Column" id="c1" flex="1"/>
<treecol label = "Second Column" id="c2" flex="1"/>
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell label="Data for Column 1"/>
<treecell label="Data for Column 2"/>
</treerow>
</treeitem>
</treechildren>
</tree>
and the following css fragment
tree { font-size: 120%; color: green;}
This causes my column data to be displayed in green text.
I have many such tree objects on the XUL page
QUESTION: In firefox, in response to a click event, which calls a javascript routine, how do I set the data for the object "treeToChange" in column 1 red and the data in column blue?