การคลิกแถวตารางแล้วเปลี่ยนสีแถว เมื่อคลิกแถวอื่น แถวเดิมเปลี่ยนสีกลับ

<script>
function changbgcolor(id)
{
	var spans = document.getElementsByTagName('span');

	for(var i=0;i<spans.length;i++)
	{
		if(spans[i].id == id)
		{

			document.getElementById(spans[i].id).style.background= '#fff000';
		}
		else
		{
		document.getElementById(spans[i].id).style.background='';
		}
	}
}
</script>
<table>
<tr><td width="100"><span id="rows1" onclick="changbgcolor(this.id)" style="background-color:#ffffff;">row1</span></td></tr>
<tr><td width="100"><span id="rows2" onclick="changbgcolor(this.id)" style="background-color:#ffffff;">row2</span></td></tr>
<tr><td width="100"><span id="rows3" onclick="changbgcolor(this.id)" style="background-color:#ffffff;">row3</span></td></tr>
<tr><td width="100"><span id="rows4" onclick="changbgcolor(this.id)" style="background-color:#ffffff;">row4</span></td></tr>
</table>