Delete row with javascript

<script type="text/javascript">
var position_color = 1;
var position_size = 1;
function delete_row(pos,color_index)
{
	var tbl = document.getElementById(color_index);
	var lastRow = tbl.rows.length;
	if (lastRow > 1)
		tbl.deleteRow(pos);
}

function addRow(text)
{
//alert(text);
	if(text == "color")
		position_color++;
	else if(text == "size")
		position_size++;

	var tbody = document.getElementById(text).getElementsByTagName  ("tbody")[0];
	var row = document.createElement("tr");
	var cell1 = document.createElement("td");
	if(text == "color")
		cell1.innerHTML = "Add Another Color";
	else if(text == "size")
		cell1.innerHTML = "Add Another Size";
	
	var cell2 = document.createElement("td");	
	if(text == "color")
		cell2.innerHTML = <?php echo $select_; ?>;
	else if(text == "size")
		cell2.innerHTML = <?php echo $select_size; ?>;

		
	var cell3 = document.createElement("td");
	cell3.setAttribute("align","right");
	
	var inp3 =  document.createElement("input");
	inp3.setAttribute("type","button");
	inp3.setAttribute("value","Delete");
	if(text == "color"){
		alert(position_color)
		inp3.setAttribute("id",position_color);
		inp3.setAttribute("onclick", "delete_row(" + position_color +",'"+ text + "');");
	}
	else if(text == "size"){
		inp3.setAttribute("id", position_size);
		inp3.setAttribute("onclick", "delete_row(" + position_size +",'"+ text + "');");
	}

	cell3.appendChild(inp3);	
	row.appendChild(cell1);	
	row.appendChild(cell2);
	row.appendChild(cell3);
	tbody.appendChild(row);
	//alert(row.innerHTML);
}


<table width="500" align="center" id="color" border="1">	
    <tr>
	  <td width="188"><a href="#" onclick="addRow('color');">Add Color</a></td>
      <td>&nbsp;</td>
	  <td>&nbsp;</td>
    </tr>
</table>
<table width="500"  align="center" id="size">
    <tr>
	  <td width="188"><a href="#" onclick="addRow('size');">Add Size</a></td>
      <td>&nbsp;</td>
	  <td>&nbsp;</td>
    </tr>
</table>
</script>