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

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>


现在测试结果是:火狐、IE8、GOOGLE浏览器都不执行这个代码。。。。但是世界之窗这些支持。。。我有点郁闷- -||。请教大大
...全文
100 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
nzcnzc 2010-01-04
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 lijinghappyhappy 的回复:]
好啊。谢谢楼主!
[/Quote]
- -||谢我啥??
nzcnzc 2010-01-04
  • 打赏
  • 举报
回复
[Quote=引用 3 楼 xmliy 的回复:]
你有没有为addhidnum附初始值,如果没有, 运行就不正常
[/Quote]
有的,初始值0,没添加一个TR就+1
lijinghappyhappy 2010-01-04
  • 打赏
  • 举报
回复
好啊。谢谢楼主!
xmliy 2010-01-04
  • 打赏
  • 举报
回复
你有没有为addhidnum附初始值,如果没有, 运行就不正常
nzcnzc 2010-01-04
  • 打赏
  • 举报
回复
[Quote=引用 1 楼 xmliy 的回复:]
楼主的代码似乎不全吧,怎么没有addhidnum,如果剔除它,在IE和FF下测试都没问题
[/Quote]
额。。。addhidnum在TABLE外边- -,问题出在addhidnum么?
xmliy 2010-01-04
  • 打赏
  • 举报
回复
楼主的代码似乎不全吧,怎么没有addhidnum,如果剔除它,在IE和FF下测试都没问题
nzcnzc 2010-01-04
  • 打赏
  • 举报
回复
有没有人能帮我回答?

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧