引用
以下来自网络摘
<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>
分享到：
今天遇到这个问题了，用outerHTML会报未知运行时错误。。呵呵。顶下。
相关推荐
在介绍jQuery动态添加删除表格行（tr）和单元格（td）的过程中，首先需要明确的是jQuery库是JavaScript的一个快速、小巧、功能丰富的库，它简化了HTML文档遍历和操作、事件处理、动画和Ajax交互，对于Web开发人员来...
在JavaScript中，动态地向HTML表格（`<table>`元素）添加或删除行（`<tr>`元素）是一项常见的任务，特别是在实现数据编辑、表单填充等交互功能时。本篇将详细介绍如何使用JavaScript实现这一功能，以供需要的朋友...
在这个场景下，标题和描述提及了三个主要操作：追加`tr`（表格行）、删除当前`tr`以及提交校验`tr`的所有`name`值。这里我们将详细讲解这三个操作的实现，并结合描述中的“页面回显tr td的值”来探讨如何在...
本实例主要展示了如何使用JavaScript来实现对表格（`<table>`）中的行（`<tr>`）进行添加、删除和清空的操作。我们将深入探讨这些功能的实现细节。 1. **添加行（`<tr>`）** 添加行的功能通过`insertRow()`方法...
在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操作ＨＴＭＬ增加删除ＴＲ／ＴＤ （学前班级别的哈！）
在探讨“js删除本行代码”这一主题时，我们深入解析如何利用JavaScript动态地生成带有删除功能的表格行，并在用户交互中实现行的删除。这个功能在许多Web应用中非常常见，尤其是在需要用户能够编辑或管理列表数据的...
在本主题中，我们将深入探讨如何使用纯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表格的基本...