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