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%">&nbsp;</td>
     <td width="23%">&nbsp;</td>
     <td width="25%">&nbsp;</td>
     <td width="43%">&nbsp;</td>
     <td width="3%">&nbsp;</td>
     <td width="3%">&nbsp;</td>
     </tr>
     <tr>
     <td>&nbsp;</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>&nbsp;</td><td>&nbsp;</td>
     </tr>
     <tr>
     <td>&nbsp;</td>
     <td align="right">1号阶级,阶级名:</td><td><input type="text" name="lvname#1" /></td>
     <td> <br /></td><td>&nbsp;</td><td>&nbsp;</td>
     </tr>
     <tbody id="addinnerbody"></tbody>
     <tr>
     <td>&nbsp;</td><td align="right"></td><td><input type="button" name="actadd" value="确定"/><br /></td><td>&nbsp;<input type="hidden" value="1" name="addhidnum" /></td><td>&nbsp;</td><td>&nbsp;</td>
     </tr>
      </table>现在测试结果是:火狐、IE8、GOOGLE浏览器都不执行这个代码。但是世界之窗这些支持我有点郁闷- -||。请教大大