关于浏览器支持动态添加标签的问题

nzcnzc 2010-01-04 10:01:00

	function add(){

		var num=parseInt(document.getElementById("addhidnum").value,10);

		num=num+1;

		document.getElementById("addhidnum").value=num;

		var row =document.createElement("tr");

		row.setAttribute("id",num);

		var cell1=document.createElement("td");

		row.appendChild(cell1);//第一个TD为空

		var cell2=document.createElement("td");1

		cell2.setAttribute("align","right");

		cell2.appendChild(document.createTextNode(num+"号阶级，阶级名："));

		row.appendChild(cell2);//第二个TD显示TEXT标签

		var textfield= document.createElement("input");

		textfield.setAttribute("type","text");

		textfield.setAttribute("name","lvname#"+num);

		var cell3=document.createElement("td");

		cell3.appendChild(textfield);

		row.appendChild(cell3);//第三个标签插入TEXTFIELD控件

		var cell4=document.createElement("td");

		row.appendChild(cell4);

		var cell5=document.createElement("td");

		row.appendChild(cell5);

		var cell6=document.createElement("td");

		row.appendChild(cell6);

		document.getElementById("addinnerbody").appendChild(row);

	}

	function deleteSort(){

		var num=parseInt(document.getElementById("addhidnum").value,10);

		if(num>1){

			var delrow = document.getElementById(num);

			var addinnerbody = document.getElementById("addinnerbody");

			addinnerbody.removeChild(delrow);

			document.getElementById("addhidnum").value=num-1;

		}

	}

上面是我的JS语言，第一个类是添加一个TR，TR里有三个TD，然后里面还有文本框。每添加一个TR就会在一个HIDDEN标签里及一个数。第二个类是删除一个TR，删除一个TR就在HIDDEN里减去一个计数。
下面是我HTML的代码

<table border="0" cellspacing="0">

				    	<tr>

				    	<td width="3%"> </td>

				    	<td width="23%"> </td>

				    	<td width="25%"> </td>

				    	<td width="43%"> </td>

				    	<td width="3%"> </td>

				    	<td width="3%"> </td>

				    	</tr>

				    	<tr>

				    	<td> </td>

				    	<td align="right"><br /></td><td><input type="button" name="add" value="添加" onclick="add()"/>或<input type="button" value="删除" name="remove" onclick="deleteSort()"/>一个新阶级</td>

				    	<td></td><td> </td><td> </td>

				    	</tr>

				    	<tr>

				    	<td> </td>

				    	<td align="right">1号阶级，阶级名：</td><td><input type="text" name="lvname#1" /></td>

				    	<td> <br /></td><td> </td><td> </td>

				    	</tr>

				    	<tbody id="addinnerbody"></tbody>

				    	<tr>

				    	<td> </td><td align="right"></td><td><input type="button" name="actadd" value="确定"/><br /></td><td> <input type="hidden" value="1" name="addhidnum" /></td><td> </td><td> </td>

				    	</tr>

			      </table>