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>

你可能感兴趣的:(js)