13.4.htm

来自「这是我卖的书上的源码这书是电子邮电出版的是有关网络编程有详细的例子」· HTM 代码 · 共 43 行

HTM

43 行

<html>
<head>
<script language="JavaScript"><!--
  function addRow() {       //添加行
    var tableObj = document.getElementById("mainTb");  //获取表格相关属性
    //设置行、名称、单位、按钮等相关变量
    var newRowObj = tableObj.insertRow(tableObj.rows.length);
    var newNameCell = newRowObj.insertCell(newRowObj.cells.length);
    var newCompanyCell = newRowObj.insertCell(newRowObj.cells.length);
    var newButtonCell = newRowObj.insertCell(newRowObj.cells.length);
    //添加“姓名”表元
    newNameCell.innerHTML = document.getElementById("newName").value;
    //添加“单位”表元
    newCompanyCell.innerHTML = document.getElementById("newCompany").value;
    //添加“删除”表元
    newButtonCell.innerHTML = '<input type="button" value="删除" onclick=
"deleteRow('+(tableObj.rows.length-1)+')">';
  }
  function deleteRow(index) {  //删除行
    var tableObj = document.getElementById("mainTb");  //获取表格相关属性
    tableObj.deleteRow(index);  //删除指定行
  }
//-->
</script>
</head>
<body  style="margin:40px">
<table id="mainTb" border="1">
  <tr><th width="80">姓名</th><th width="250">单位</th></tr>
  <tr id="row0"><td>张三</td><td>北京中软科技公司</td>
<td><input type="button" value="删除" onclick="deleteRow(0)"></td></tr>
  <tr id="row1"><td>李四</td><td>上海南嘉食品公司</td>
<td><input type="button" value="删除"onclick="deleteRow(1)"></td></tr>
</table><br>
<div>
<span id="new">
姓名：<input type="text" name="newName" id="newName"><br>
单位：<input type="text" id="newCompany">&nbsp;
<input type="button" value="新增" onclick="addRow()">
</span>
</div>
</body>
</html>

13.4.htm - 源码说明

本页面展示了「这是我卖的书上的源码这书是电子邮电出版的是有关网络编程有详细的例子」中的 13.4.htm 源码文件，采用 HTM 编程语言编写，共 43 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫下载站收录了大量与源码相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C

搜索代码Ctrl + F

全屏模式F11

增大字号Ctrl + =

减小字号Ctrl + -

显示快捷键?