`
han2000lei
  • 浏览: 276060 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

javascript DOM 删除表格

JavaScriptHTML 
阅读更多
javascript使用DOM动态删除表格中的一行，赶快复制到本地试试吧
<html>
<head>
<script type="text/javascript">
function deleteRow(r)
  {
  var i=r.parentNode.parentNode.rowIndex
  document.getElementById('myTable').deleteRow(i)
  }
</script>
</head>
<body>

<table id="myTable" border="1">
<tr>
  <td>Row 1</td>
  <td><a href="#" onclick="deleteRow(this)">del</a></td>
</tr>
<tr>
  <td>Row 2</td>
  <td><input type="button" value="delte" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 3</td>
  <td><input type="button" value="delete" onclick="deleteRow(this)"></td>
</tr>
</table></body>
</html>
分享到：
| javascript DOM
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript dom删除表格

    javascript 用dom模型删除单元格 很简单的javascript

    纯javascript增加删除表格行

    3. **删除行**：删除表格行通常涉及到选择要删除的行，并调用`removeChild()`方法。例如，假设我们想删除点击时的当前行，可以这样实现： ```javascript function deleteRow(event) { if (confirm('确定要删除...

    07-DOM操作表格

    8. **表格排序**：通过JavaScript实现表格数据的排序，这通常涉及到对数据数组进行排序，然后更新DOM。例如，可以使用`sort()`函数对数组排序，再更新`&lt;tr&gt;`元素的位置。 9. **表格数据绑定**：当表格数据来源于...

    JavaScriptDOM编程艺术第二版

    DOM提供了对网页元素的抽象表示，通过DOM，JavaScript可以添加、删除或修改网页上的任何元素，从而实现诸如响应式设计、动画效果、表单验证等功能。 PDF扫描文档部分包含了全书的所有章节，让读者能够方便地电子...

    JavaScript动态添加删除表格行

    在JavaScript编程中，动态添加和删除表格行是一个常见的需求，特别是在网页交互和数据展示中。这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具...

    Dom生成表格和实现分页源码

    总结起来，"Dom生成表格和实现分页源码"涉及的核心技术包括DOM操作（创建、插入和删除元素）、数据驱动视图（根据数据动态生成表格）、分页算法（计算页数和处理翻页逻辑）以及事件监听（响应用户分页操作）。...

    js表格操作，DOM实现数据动态增删查改

    在本主题"js表格操作，DOM实现数据动态增删查改"中，我们将深入探讨如何使用原生JavaScript通过DOM操作来实现数据在表格中的动态管理。 1. **创建表格**：首先，我们需要在HTML中创建一个基础的表格结构。这通常...

    javascript实现表格添加删除等操作

    这个案例主要涉及了如何使用JavaScript来实现表格的添加、删除等基本操作。这些功能对于网页交互性和用户体验有着重要的作用，尤其适合初学者进行学习和实践。 首先，`students.html`文件很可能是用来展示表格结构...

    JavaScript DOM编程艺术(第二版)-含源码

    6. **DOM元素操作**：包括创建新元素、插入和删除元素、修改元素内容以及处理表单和表格。 7. **DOM性能优化**：分享了避免DOM操作性能瓶颈的策略，如减少DOM操作次数、使用文档片段等。 8. **源码分析**：书中...

    js 添加删除表格

    总的来说，JavaScript提供了强大的DOM操作能力，使得我们可以灵活地控制网页中的HTML元素，包括动态创建和删除表格。在实际项目中，结合CSS和Ajax，可以实现更丰富的表格功能，如排序、过滤和分页等。

    JAVASCRIPT自动添加表格

    本篇文章将深入探讨如何使用JavaScript自动添加、删除表格，以及实现窗口居中显示的相关技术。 首先，让我们来理解“JavaScript自动添加表格”。在HTML中，表格由`&lt;table&gt;`元素定义，行(`&lt;tr&gt;`)、列(`&lt;td&gt;`或`&lt;th&gt;`...

    JavaScript DOM操作表格及样式

    标题《JavaScript DOM操作表格及样式》介绍了JavaScript如何通过DOM操作HTML文档中的表格元素以及如何对表格进行样式设计和控制。DOM是文档对象模型（Document Object Model），它是对文档的抽象，通过它我们可以...

    javascript动态操作表格

    接下来是删除表格。这通常涉及到找到特定的表格元素并使用`removeChild()`方法移除它们。例如，要删除刚才创建的表格，你可以这样操作： ```javascript // 假设我们保存了表格引用 document.body.removeChild(table...

    JavaScript程序设计——DOM访问实验报告.docx

    表格中的每一行都是一个`&lt;tr&gt;`元素，每个单元格(`&lt;td&gt;`)包含了书籍信息，而“删除”链接通过`href="javascript:"`避免实际跳转，并可以通过JavaScript事件监听来实现删除功能。 实验过程应包括编写和测试JavaScript...

    JavaScript动态操作表格，添加，删除行、列及单元格

    在本文中，我们将深入探讨如何使用JavaScript来动态地操作表格，包括添加、删除行、列以及单元格。这将帮助开发者在不刷新页面的情况下，实现灵活的数据管理功能。 1. **创建表格** 在HTML中，我们可以使用`...

    JavaScript特效（表格类）

    1. **DOM操作**：在JavaScript中，Document Object Model（DOM）是网页内容的结构化表示，通过DOM我们可以对表格进行添加、删除、修改单元格或行等操作。例如，`document.getElementById()`、`document....

    javascript经典表格操作

    3. **删除行**：要删除表格中的某一行，首先需要获取到该行的引用，这通常通过`getElementById()`、`getElementsByClassName()`或`querySelector()`等方法实现。然后，调用`removeChild()`方法将其从DOM中移除。 4....

    javascript动态添加表格数据行

    在JavaScript编程中，动态添加表格数据行是一种常见的需求，特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录，提高了用户体验。在这个例子中，我们将探讨如何利用...

    JavaScript仿Excel表格演示

    综上所述，JavaScript仿Excel表格演示是一个综合运用了DOM操作、Ajax通信、事件处理、数据绑定等多种技术的项目，它提供了丰富的用户体验，同时也展示了JavaScript在前端开发中的强大能力。通过深入理解并实践这些...

Magicbox
Global site tag (gtag.js) - Google Analytics