引用
以下来自网络摘
<html>
<head>
<title>javascript删除talbe中的一行</title>
<script type="text/javascript">
function Goto(){}
function deleteCurrentRow(obj){
var tr=obj.parentNode.parentNode;
alert(tr);
var tbody=tr.parentNode;
alert(tr);
tbody.removeChild(tr);
}
</script>
</head>
<body>
<table cellspacing="0" rules="all" bordercolor="#CCCCCC" border="1" id="dgFlowList" style="border-color:#CCCCCC;border-width:1px;border-style:solid;width:98%;border-collapse:collapse;MARGIN: 5px 0px">
<tr class="DataGrid_HeaderStyle" nowrap="nowrap" align="Center">
<td>流程名称</td><td>表单名称</td><td>上传附件</td><td>操作</td>
</tr>
<tr>
<td style="width:35%;">请假单1</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单1】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单2</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单2】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单3</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单3】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
<tr>
<td style="width:35%;">请假单4</td>
<td style="width:35%;">请假单</td>
<td align="Center" style="width:10%;">不允许</td>
<td align="Center" style="width:20%;">
<a href="javascript:Goto();" onclick='{if(confirm("确定要删除【请假单4】这个流程吗?")) {deleteCurrentRow(this); }else {}}'>删除</a>
</td>
</tr>
</table>
</body>
</html>
引用
2.
<HTML>
<SCRIPT LANGUAGE="JScript">
function numberCells()
{
var count=0;
for (i=0; i < document.all.mytable.rows.length; i++)
{
for (j=0; j < document.all.mytable.rows(i).cells.length; j++)
{
document.all.mytable.rows(i).cells(j).innerText = count;
count++;
}
}
}
function tb_addnew()
{
var ls_t=document.all("mytable")
maxcell=ls_t.rows(0).cells.length;
mynewrow = ls_t.insertRow();
for(i=0;i<maxcell;i++)
{
mynewcell=mynewrow.insertCell();
mynewcell.innerText="a"+i;
}
}
function tb_delete()
{
var ls_t=document.all("mytable");
ls_t.deleteRow() ;
}
</SCRIPT>
<BODY onload="numberCells()">
<TABLE id=mytable border=1>
<TR><TH> </TH><TH> </TH><TH> </TH><TH> </TH></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
<TR><TD> </TD><TD> </TD><TD> </TD><TD> </TD></TR>
</TABLE>
<input type=button value="新增" onclick="tb_addnew()">
<input type=button value="删除" onclick="tb_delete()" >
</BODY>
</HTML>
分享到:
相关推荐
在介绍jQuery动态添加删除表格行(tr)和单元格(td)的过程中,首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库,它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互,对于Web开发人员来...
在JavaScript中,动态地向HTML表格(`<table>`元素)添加或删除行(`<tr>`元素)是一项常见的任务,特别是在实现数据编辑、表单填充等交互功能时。本篇将详细介绍如何使用JavaScript实现这一功能,以供需要的朋友...
在这个场景下,标题和描述提及了三个主要操作:追加`tr`(表格行)、删除当前`tr`以及提交校验`tr`的所有`name`值。这里我们将详细讲解这三个操作的实现,并结合描述中的“页面回显tr td的值”来探讨如何在...
在JavaScript中,添加和删除表格是常见的操作,特别是在动态网页设计和前端开发中。这篇文章将深入探讨如何使用JavaScript实现这个功能,并提供一个简单的源码示例。首先,我们需要理解HTML表格的基本结构,然后利用...
在JavaScript编程中,"js删除表格本行列表"这一主题涉及到网页交互中的动态数据操作,尤其是在处理用户界面(UI)与后端数据库之间的数据同步。在这个场景中,我们通常会用到HTML表格来展示从数据库获取的数据,并...
// 删除TR节点 object.parentNode.removeChild(object); var checkBoxObject = $(":input[name='checkboxName']"); var checkBoxLength = checkBoxObject.size(); for(var i=0; i; i++) { checkBoxObject...
js操作HTML增加删除TR/TD (学前班级别的哈!)
在探讨“js删除本行代码”这一主题时,我们深入解析如何利用JavaScript动态地生成带有删除功能的表格行,并在用户交互中实现行的删除。这个功能在许多Web应用中非常常见,尤其是在需要用户能够编辑或管理列表数据的...
本实例主要展示了如何使用JavaScript来实现对表格(`<table>`)中的行(`<tr>`)进行添加、删除和清空的操作。我们将深入探讨这些功能的实现细节。 1. **添加行(`<tr>`)** 添加行的功能通过`insertRow()`方法...
在本主题中,我们将深入探讨如何使用纯JavaScript来实现表格(table)的行增删功能,这对于创建数据管理界面或者用户输入表单的网页特别有用。 首先,我们需要了解HTML中的`<table>`元素。`<table>`是用于展示结构...
<script type="text/javascript" src="js/jquery-1.7.1.min.js"> ``` 这行代码会加载 jQuery 1.7.1 版本,以便后续的 JavaScript 代码能够使用 jQuery 的功能。 接着,我们定义了一个名为 `$(function(){ ... })` ...
在JavaScript中,表格(Table)是网页数据展示的常用元素,而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先,我们需要了解HTML中的`<table>`元素及其相关...
在网页开发中,JavaScript(JS)是一种不可或缺的脚本语言,尤其在处理用户交互时,如动态修改HTML元素。在本话题中,我们将深入探讨如何使用JavaScript来添加和删除HTML表格(table)中的行。这对于构建数据展示...
`students.js`文件则是JavaScript代码,用于处理与HTML交互的部分。以下是一些关键知识点: 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来访问和修改HTML元素。例如,`document.getElementById()`...
根据给定的文件信息,我们可以总结出一系列关于使用JavaScript(简称JS)操作HTML中的`<table>`元素,尤其是对表格的行(`<tr>`)和列(`<td>`或`<th>`)进行增删操作的关键知识点。以下是对这些功能的详细解释: #...
本文将深入探讨如何使用JavaScript来动态地增加和删除表格(Table)的行。 首先,我们需要了解HTML表格的基本结构。一个基本的表格由`<table>`元素、`<tr>`(表格行)元素、`<td>`(表格数据单元格)元素组成。如果...
在JavaScript编程中,实现动态添加和删除表格行是一项常见的需求,尤其在构建数据表或配置界面时。这个功能包括在表格中添加新行、删除现有行,并确保在操作过程中序号自动生成和更新。以下是对这个"js实现添加删除...
在JavaScript中,动态添加和删除表格是常见的网页交互功能,主要应用于数据展示、表单处理等场景。这篇博文通过一个简单的实例,展示了如何利用JavaScript实现这个功能。在讲解之前,我们先了解一下HTML表格的基本...