使用JavaScript实现表格添加行
2006-12-29 09:49
701 查看
<script language="javascript">
<!--
var objtbl = document.all.tblTable;
function addRow(objEle)
{
if (objEle.value == "增加")
{ alert(objtbl.rows.length);
Common(objtbl.rows.length);
}
else
{//入
var ele = objEle.parentElement.parentElement;
alert(ele.rowIndex);
Common(ele.rowIndex);
}
}
function deleteRow(btn)
{
var row = btn.parentElement.parentElement;
objtbl.deleteRow(row.rowIndex);
}
function Common(rowIndex)
{
try
{
var str = "";
var newRow = objtbl.insertRow(rowIndex);
var newCell = newRow.cells;
alert(newCell.length);
var cell = newRow.insertCell(newCell.length);
cell.innerText = "杨绍杰";
alert(newCell.length);
cell = newRow.insertCell(newCell.length);
cell.align = "left"
cell.innerHTML = "<input type=/"text/" name=/"txtSex/" value=/"男/" size=/"10/">";
cell = newRow.insertCell(newCell.length);
cell.innerHTML = "<input type=/"text/" name=/"txtAddress/" value=/"河南新乡/" size=/"10/">";
cell.align = "center";
cell = newRow.insertCell(newCell.length);
cell.innerHTML = "<input type=/"text/" name=/"txtScholl/" value=/"河南洛阳/" size=/"10/">";
cell.align = "right";
cell = newRow.insertCell(newCell.length);
cell.align = "center";
str = "<input type=/"button/" onclick=/"javascript:deleteRow(this)/" value=/"删除/"> ";
str +="<input type=/"button/" onclick=/"javascript:addRow(this)/" value=/"插入/">";
cell.innerHTML = str;
}
catch(e){}
}
//-->
</script>
<!--
var objtbl = document.all.tblTable;
function addRow(objEle)
{
if (objEle.value == "增加")
{ alert(objtbl.rows.length);
Common(objtbl.rows.length);
}
else
{//入
var ele = objEle.parentElement.parentElement;
alert(ele.rowIndex);
Common(ele.rowIndex);
}
}
function deleteRow(btn)
{
var row = btn.parentElement.parentElement;
objtbl.deleteRow(row.rowIndex);
}
function Common(rowIndex)
{
try
{
var str = "";
var newRow = objtbl.insertRow(rowIndex);
var newCell = newRow.cells;
alert(newCell.length);
var cell = newRow.insertCell(newCell.length);
cell.innerText = "杨绍杰";
alert(newCell.length);
cell = newRow.insertCell(newCell.length);
cell.align = "left"
cell.innerHTML = "<input type=/"text/" name=/"txtSex/" value=/"男/" size=/"10/">";
cell = newRow.insertCell(newCell.length);
cell.innerHTML = "<input type=/"text/" name=/"txtAddress/" value=/"河南新乡/" size=/"10/">";
cell.align = "center";
cell = newRow.insertCell(newCell.length);
cell.innerHTML = "<input type=/"text/" name=/"txtScholl/" value=/"河南洛阳/" size=/"10/">";
cell.align = "right";
cell = newRow.insertCell(newCell.length);
cell.align = "center";
str = "<input type=/"button/" onclick=/"javascript:deleteRow(this)/" value=/"删除/"> ";
str +="<input type=/"button/" onclick=/"javascript:addRow(this)/" value=/"插入/">";
cell.innerHTML = str;
}
catch(e){}
}
//-->
</script>
相关文章推荐
- 【Vegas原创】使用javascript实现两个listbox中的添加、删除
- 使用ajax来实现数据的添加删除查询并能操作表格
- js动态添加表格数据使用insertRow和insertCell实现
- 基于JavaScript实现动态添加删除表格的行
- JavaScript使用select实现添加删除
- JavaScript 动态添加表格行 使用模板、标记
- 使用JavaScript实现表格编辑器(实例讲解)
- JavaScript实现表格的添加和删除
- JavaScript实现表格的添加和删除
- javascript动态生成表格,并实现对表格行的添加和删除
- javascript动态向网页中添加表格实现代码
- 使用TableTree4J实现javascript 表格树(树型表格、菜单)
- 使用javascript DOM实现动态实现删除表格
- JavaScript实现动态添加页面的表格行数并获取数据
- javascript实现表格的动态添加
- 使用jquery实现表格的动态添加和删除
- 基于JavaScript实现动态添加删除表格的行
- JavaScript 动态添加表格行 使用模板、标记
- JavaScript动态实现表格添加、删除、插入、上移、下移一行功能
- 【Vegas原创】使用javascript实现两个listbox中的添加、删除