Changing cell contents on the fly...

I am wondering if it is possible to change table contents dynamicall in Javascript. I know I can change background color and others, but can you change the entire contents and even the class? Take the following:


<table id="colors" name="colors">
<tr>
<td id="cellA" class="red">red</td>
<td id="cellB" class="blue">blue</td>
</tr>
</table>


Now I want to change the contents of cellA and class of cellA to green. Any ideas?

Thanks in advance.

Basic idea:

var objElem = document.getElementById("theId");
objElem.className = "newClass";
objElem.innerHTML = "new text";

Eric

Duh... innerHTML got it...

How about changing an img src on the fly through JS? Any idea?

objElem.src = "blah.gif"