js增加(删除)行

最新推荐文章于 2020-01-13 21:12:57 发布

e_yohn

最新推荐文章于 2020-01-13 21:12:57 发布

阅读量382

点赞数

分类专栏： Web前端文章标签： button function html border input table

本文链接：https://blog.csdn.net/e_yohn/article/details/6708160

版权

Web前端专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="javaScript">
var num=2;
function addRow() {
     var row, cell;
     row = mytable.insertRow();
     cell = row.insertCell();
     cell.style.cssText ="BACKGROUND: #efefdf; COLOR: #000000; TEXT-ALIGN: right; TEXT-DECORATION: none";
     cell.innerHTML = "物料代码"+num;
     cell = row.insertCell();
     cell.style.cssText ="BACKGROUND: #f9f9e9; COLOR: #000000; TEXT-DECORATION: none";
     //cell.colSpan = 3;
     cell.innerHTML ="<input type='text'    id='materialsCode"+num+"' name='materialsCode' οnkeydοwn='if(event.keyCode==13){writeButtonTemp(this,"+num+");}' οnchange='writeButtonTemp(this,"+num+");' />  <font color='red'>回车获取物料属性"+num+"</font>";

     //row = mytable.insertRow();
     cell = row.insertCell();
     cell.style.cssText ="BACKGROUND: #efefdf; COLOR: #000000; TEXT-DECORATION: none";
     cell.innerHTML ="物料描述"+num;
     num++;
}

function delRow() {
mytable.deleteRow();
num--;
}

</script>
</head>
<body>
   <center>
<table width="98%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#D6EDFC" id="mytable">
<tr>
  <td>物料号</td>
  <td><input type="text" name="materialCode"></td>
  <td>物料描述</td>
  <td><input type="text" name="materialDesc"></td>
</tr>
</table>

<button onClick="addRow();">增加</button>    
<button onClick="delRow();">删除</button>
</center>
</body>
</html>

e_yohn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js增加(删除)行

var num=2; function addRow() { var row, cell; row = mytable.insertRow(); cell = row.insertCell(); cell.style.cssTe
复制链接

扫一扫