How would I go about dynamically adding the <span> tags as innerHTML?

[shelzmike]

I have a issue, which I am thinking might not be that difficult.

How would I go about dynamically adding the <span> tags as innerHTML (and consequently replacing what is currently in each cell) before the visibility changes.

Seems to be I would first have to collect all of the nodeValues first, then loop through each cell and add an innerHTML of essentially this: '<span>' + nodeValues[i] + <'\span>

Now, I am aware that this is not proper syntax, I am merely illustrating a point. But is this logical and possible?

Mike

[shelzmike]

Answered my own question - it was actually pretty easy.

function hideRawData() {
    var tbl = document.getElementById("users_table");
    var tblRows = tbl.getElementsByTagName("tr");
    var rawData = tbl.getElementsByTagName("td");
 
    for (k=0; k < rawData.length; k++){
        //alert(rawData[k].firstChild.nodeValue);
        rawData[k].innerHTML = "<span>" + rawData[k].firstChild.nodeValue + "</\span>";
    }
 
    for(j = 0; j < rawData.length; j++) {
        //rawData[j].style.display = "none";
        rawData[j].firstChild.style.visibility = "hidden";
    }
 
   // alert ("Raw data has been hidden")        
} // end hideRawData

[Dormilich]

note: HTML does not use backslashes, i.e. "</\span>" should be "</span>" (\s is a RegExp for whitespace)

[shelzmike]

Yeah, I didn't mean to do that. Luckily it still worked, but I have since fixed it. Thanks!

Mike