js 动态创建表格中行
<script language="javascript">
var r = 1;
function addRows(){
var obj = document.getElementById("addTr");
var tr = obj.insertRow();
tr.setAttribute("id", "tr"+r);
var td1 = tr.insertCell();
td1.style.backgroundColor='#D7EEFE';
var td2 = tr.insertCell();
td2.style.backgroundColor='#D7EEFE';
td1.innerHTML = "<input type='button' value='删除' onclick=\"DeleteSignRow('"+r+"')\"/>";
td2.innerHTML = "<input type='text' name='pid' id='pid"+r+"' size='10' >"
r ++;
}
function DeleteSignRow(rowid){
var obj = document.getElementById("addTr");
var i = obj.rows("tr"+rowid).rowIndex;//删除指定行
obj.deleteRow(i);
}
</script>
<body>
<input type="button" value="增加" onclick="addRows()"/>
<table id="addTr"></table>
</body>
var r = 1;
function addRows(){
var obj = document.getElementById("addTr");
var tr = obj.insertRow();
tr.setAttribute("id", "tr"+r);
var td1 = tr.insertCell();
td1.style.backgroundColor='#D7EEFE';
var td2 = tr.insertCell();
td2.style.backgroundColor='#D7EEFE';
td1.innerHTML = "<input type='button' value='删除' onclick=\"DeleteSignRow('"+r+"')\"/>";
td2.innerHTML = "<input type='text' name='pid' id='pid"+r+"' size='10' >"
r ++;
}
function DeleteSignRow(rowid){
var obj = document.getElementById("addTr");
var i = obj.rows("tr"+rowid).rowIndex;//删除指定行
obj.deleteRow(i);
}
</script>
<body>
<input type="button" value="增加" onclick="addRows()"/>
<table id="addTr"></table>
</body>