<html>
<head>
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta name= "GENERATOR " content= "Microsoft FrontPage 4.0 ">
<meta name= "ProgId " content= "FrontPage.Editor.Document ">
<title> try </title>
</head>
<body>
<script>
allTrafficCount=1
allCount=1
function addTrafficeRow() //增加一行
{
newRow=trafficeList.insertRow(trafficeList.rows.length);
newRow.id= "tradt ";
newRow.ln=allTrafficCount;
c1=newRow.insertCell(0);
c1.id= "tradtRow ";
c1.ln=allCount;
c1.innerHTML= " <input type=text name= 'traffic ' size=40 maxlength=200> <input type=button value= '删除 ' ln= " + allTrafficCount + " onclick= 'javascript:delTrafficeRow(); '> "
allTrafficCount++; //总计多少行
frm.trafficCount.value = allTrafficCount;
}
function delTrafficeRow() //删除一行
{
line = parseInt(event.srcElement.ln,10);
if (line> 0)
for (i=1;i <trafficeList.rows.length;i++)
if (trafficeList.rows[i].ln==line) //
{
trafficeList.deleteRow(i);
allTrafficCount--;
frm.trafficCount.value = allTrafficCount;
}
}
</script>
<form name=frm>
<table border= "1 " id=trafficeList>
<tr> <td width=100> test </td> </tr>
</table>
<input type=button value=add onclick= "addTrafficeRow() "> <input name=trafficCount>
</form>
</body>
</html>
分享到：
相关推荐
在IT领域，尤其是在网页开发和用户界面设计中，动态添加删除表格是一项常用的技术。它允许用户根据需求在界面上自由地增加或减少表格行或列，提高了交互性和用户体验。本篇将深入探讨这一主题，主要关注如何实现这个...
这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具"，我们可以推测这篇文章会包含实际的代码示例和实用方法。 在HTML中，`<table>`元素用于创建...
本项目提供了一个基于Bootstrap样式的vue动态添加删除表格数据的示例。 首先，我们需要了解基本的Vue.js概念。Vue实例是应用的核心，它包含了数据（data）、方法（methods）、计算属性（computed）等。在这个项目中...
在“vue动态添加删除表格数据特效源码.zip”这个压缩包中，我们可以预见到一个使用Vue实现的动态表格，该表格支持添加和删除数据的功能，并且可能包含了一些CSS3动画效果以增强用户体验。 在Vue中，动态数据绑定是...
在JavaScript中，动态添加和删除表格是常见的网页交互功能，主要应用于数据展示、表单处理等场景。这篇博文通过一个简单的实例，展示了如何利用JavaScript实现这个功能。在讲解之前，我们先了解一下HTML表格的基本...
在本项目"网页模板——vue动态添加删除表格数据特效源码"中，开发者使用Vue.js实现了动态添加和删除表格数据的功能，这在数据展示和管理场景中非常常见。这个功能的实现基于Vue的核心特性，包括数据绑定、计算属性、...
html动态删除添加表格
本示例“jquery表格动态添加删除行代码”利用jQuery的强大功能，为用户提供了一个直观且用户友好的表格管理体验。这个代码实现了一个功能，即在表格中动态地添加和删除行，这对于数据展示和编辑是非常实用的。 首先...
NULL 博文链接：https://1148130696.iteye.com/blog/1726191
在开发Web应用时，动态添加和删除表格行是常见的需求，尤其在数据管理或表单填写场景中。本文将深入探讨如何使用C#后端和JavaScript前端技术来实现这一功能，为初学者提供一个基础的实践指导。 首先，我们要了解...
在JavaScript中，添加和删除表格是常见的操作，特别是在动态网页设计和前端开发中。这篇文章将深入探讨如何使用JavaScript实现这个功能，并提供一个简单的源码示例。首先，我们需要理解HTML表格的基本结构，然后利用...
动态添加js,动态添加表格和删除表格,批量添加记录，批量添加
在介绍jQuery动态添加删除表格行（tr）和单元格（td）的过程中，首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库，它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互，对于Web开发人员来...
动态添加表格和删除表格.html
layui表格动态添加|layui表格可编辑动态添加
JavaScript动态操作表格，添加，删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
动态添加和删除行通常涉及向现有表格动态插入或移除这些元素。 1. **动态添加行**： - 使用jQuery，可以获取表格引用，例如`$("#myTable")`，其中`#myTable`是表格的ID。 - 创建新的`<tr>`元素，可以使用`$('<tr>...
在网页开发中，jQuery库因其简洁的语法和强大的功能，被广泛用于处理DOM操作，包括动态添加和删除表格行。本篇文章将详细讲解如何利用jQuery实现这两种操作。 首先，我们来理解HTML表格的基本结构。一个表格由`...