用W3C文档对象模型方法的问题?

sssoyy525 2008-05-28 12:32:37
源代码:
<html>
<head>
<script language="JavaScript"><!--
function addRow() {
var tableObj = document.getElementById("mainTb");
var tableBodyObj = document.getElementById("mainBody");
var newRowObj = document.createElement("tr");
  newRowObj.id = "row" + (tableObj.rows.length-1);
var newNameCell = document.createElement("td");
var newCompanyCell = document.createElement("td");
var newButtonCell = document.createElement("td");
newNameCell.innerHTML = document.getElementById("newName").value;
newCompanyCell.innerHTML = document.getElementById("newCompany").value;
newButtonCell.innerHTML = '<input type="button" value="删除" onclick="deleteRow('+(tableObj.rows.length-1)+')">';

newRowObj.appendChild(newNameCell);
newRowObj.appendChild(newCompanyCell);
newRowObj.appendChild(newButtonCell);
tableBodyObj.appendChild(newRowObj);
}
function deleteRow(index) {
var tableBodyObj = document.getElementById("mainBody");
var rowObj = document.getElementById('row'+index);
tableBodyObj.removeChild(rowObj);
}
--> </script>
</head>
<body style="margin:40px">
<div><span id="new">姓名<input type="text" name="newName" id="newName">单位<input type="text" id="newCompany"><input type="button" value="新增" onclick="addRow()"></span></div>
<table id="mainTb" border="1">
<tbody id="mainBody">
<tr><th width="80">姓名</th><th width="250">单位</th></tr>
<tr id="row0"><td>张三</td><td>北京欣光软件公司</td><td><input type="button" value="删除" onclick="deleteRow(0)"></td></tr>
<tr id="row1"><td>李四</td><td>上海南市食品公司</td><td><input type="button" value="删除" onclick="deleteRow(1)"></td></tr>
</tbody>
</table>
</body>
</html>

--------------------------------------
以上是红色部分不明白的`
'+(tableObj.rows.length-1)+'
为什么要加个字串呀?
...全文
56 回复 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,997

社区成员

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

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