首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

动态地增添或或删除table里的行

2012-09-06 
动态地添加或或删除table里的行div idfileDivtable idpicTable/tablea hrefjavascript:voi

动态地添加或或删除table里的行
<div id="fileDiv">
<table id="picTable"></table>
&nbsp;&nbsp;
<a href="javascript:void(addPicFile('picTable'));"
class="file">添加图片</a>
*
</div>

<script type="text/javascript">
function addPicFile(idstr) {
currRow=document.getElementById(idstr).insertRow();
cellc=currRow.insertCell();
if(idstr=='picTable')
{
cellcContext= "<input type='file'id ='tt' NAME='file'>&nbsp;&nbsp;<button onclick="removePicFile(\'picTable\',this.parentNode.parentNode.rowIndex);">删除</button><br>";
}
cellc.innerHTML=cellcContext;
}

function removePicFile(idstr,rowIndex){
document.getElementById(idstr).deleteRow(rowIndex);
}
</script>

热点排行