js添加table行，问题

xuejiyong0619 2012-05-03 03:23:06

function AddHang() {
var tb = document.getElementById("mytableid");
var rnum = tb.rows.length;
var row = tb.insertRow();
var cell = row.insertCell();
cell.innerText = rnum ;
cell = row.insertCell();
cell.innerHTML = "<input type='text' style='width:95%' id='ipttime'" + rnum + " onclick='WdatePicker();'>";
cell = row.insertCell();
cell.innerHTML = "<input type='text' style='width:95%' id='iptchu'" + rnum + ">";
cell = row.insertCell();
cell.innerHTML = "<input type='text' style='width:95%' id='iptbao'" + rnum + ">";
cell = row.insertCell();
cell.innerHTML = "<input type='text' style='width:91%' id='iptjine'" + rnum + ">";
cell = row.insertCell();
cell.innerHTML = "<input type='text' style='width:95%' id='iptdui'" + rnum + ">";
cell = row.insertCell();
cell.innerHTML = "<input type='text' style='width:95%' id='iptbei'" + rnum + ">";
cell = row.insertCell();
}我这样添加行，在ie里面没什么问题，但在火狐和谷歌下面都不行

...全文

406 17 打赏收藏转发到动态举报

写回复

用AI写文章

17 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuejiyong0619 2012-05-04

打赏
举报

[Quote=引用 15 楼的回复:]
function AddHang() {
var tb = document.getElementById("mytableid");
var rnum = tb.rows.length;
var row = tb.insertRow(rnum);
var cell = row.insertCell(0);
cell.innerHTML = rnum ;
cell = row.inse……
[/Quote]
终究是名人

SRC01 2012-05-04

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<script language="javascript">
//添加行处理
function AddHang() {
try{
var tb = document.getElementById("Datatable");
var rnum = tb.rows.length;
var row = tb.insertRow(rnum);
var cell = row.insertCell(0);

cell.innerHTML = " ";
cell = row.insertCell(1);
cell.innerHTML = " ";
} catch(e){
alert(e);
}
}
//删除行处理
function DelHang(){
try{
var tb = document.getElementById("Datatable");
var rnum = tb.rows.length;
if(rnum > 0){
tb.deleteRow(rnum - 1);
}
} catch(e){
alert(e);
}
}
</script>

</head>

<body>
<table width="500" border="1" id="Datatable">
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<input type="button" value="添加行" onclick="AddHang()">
<input type="button" value="删除行" onclick="DelHang()">
</body>
</html>

孟子E章 2012-05-04

打赏
举报

兼容所有浏览器的方法



<script>

  function AddHang() {

    var tb = document.getElementById("mytableid");

    if (tb.tBodies.length == 0) {

      tb.appendChild(document.createElement("tbody"));

    }

    var rnum = tb.tBodies[0].rows.length;

    var row = tb.tBodies[0].insertRow(rnum);    

    var cell = row.insertCell(row.cells.length);

    cell.innerHTML = rnum;

    cell = row.insertCell(row.cells.length);

    cell.innerHTML = "<input type='text' style='width:95%' id='ipttime" + rnum + "' onclick='WdatePicker();'>";

    cell = row.insertCell(row.cells.length);

    cell.innerHTML = "<input type='text' style='width:95%' id='iptchu" + rnum + "'>";

    cell = row.insertCell(row.cells.length);

    cell.innerHTML = "<input type='text' style='width:95%' id='iptbao" + rnum + "'>";

    cell = row.insertCell(row.cells.length);

    cell.innerHTML = "<input type='text' style='width:91%' id='iptjine" + rnum + "'>";

    cell = row.insertCell(row.cells.length);

    cell.innerHTML = "<input type='text' style='width:95%' id='iptdui" + rnum + "'>";

    cell = row.insertCell(row.cells.length);

    cell.innerHTML = "<input type='text' style='width:95%' id='iptbei" + rnum + "'>";

    cell = row.insertCell(row.cells.length);

  }

</script>

<table id="mytableid" style="width: 100%">

</table>

<input type="button" value="test" onclick="AddHang()">

全局变量 2012-05-04

打赏
举报

$("#mytableid tr").empty();
var newLine = $("#mytableid").length;
var row = comm.insertRow(newLine);
var col = row.insertCell(0);
col.innerHTML = data[i].UserIntNo;
col = row.insertCell(1);
col.innerHTML = data[i].FiPaIntNo;