table insertRow、deleteRow定义和用法总结(2)


<html>
< head>
< script type="text/javascript">
function delCell()
{
document.getElementById('tr2').deleteCell(0)
}
< /script>
< /head>
< body>

< table>
< tr>
< th>Firstname</th>
< th>Lastname</th>
< /tr>
< tr>
< td>Peter</td>
< td>Griffin</td>
< /tr>
< /table>
< br />
< input type="button" value="Delete cell">

< /body>
< /html>


项目中的应用:

复制代码 代码如下:


<script type="text/javascript">

var trIndex = 0;

//动态增加行
unction appendConvert(){

//var sel = document.getElementById("selectConvertName");
var sel = document.getElementsByName("selectConvertName")[0];

var className;
if(null!=sel){
for(var i = 0; i < sel.options.length; i++){
if(sel.options[i].selected)
className=sel.options[i].value;
}
}
//数据来源于ajax,json形式。
convert.getConvertBean2Json(className,
function(result) {
var obj = eval('('+result+')');
var table = document.getElementById("convertTable");

var newRow = table.insertRow(trIndex+1);
newRow.insertCell(0).innerHTML = obj.name+"<input type='button' value='删除'>";
newRow.insertCell(1).innerHTML = "<input type='text'><input type='hidden' value='"+obj.name+"'>";
if(null!=obj.paramList){
var paramStr = "";
for(var i = 0; i < obj.paramList.length; i++){
paramStr = paramStr+
"参数名:"+obj.paramList[i].name+
";参数类型:"+obj.paramList[i].type+
";参数值:<input type='text'><br>"+
"<input type='hidden' value='"+obj.paramList[i].name+"'>"+
"<input type='hidden' value='"+obj.paramList[i].type+"'>";
}
newRow.insertCell(2).innerHTML = paramStr;
}
trIndex++;
});

}


//删除行
on deleteRow(r){
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('convertTable').deleteRow(i);
trIndex--;
}

</script>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wgpxjz.html