`
accpxudajian
  • 浏览: 458089 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js对table的基本操作

 
阅读更多

实现如下功能:页面代码如下,请实现insertTR()方法,实现插入新的航,并且为一个td

 

<table>
  <tr>
       <td>aa</td><td onclick="insertTR()">add</td>
  </tr>
</table>

 

//js

function insertTR(){   
    //删除table原有的rows  
    var table = document.getElementsByTagName("table")[0] ;
    while(table.rows[0]){
            table.deleteRow(0);
      }

  var row = table.insertRow(-1);
  var cell = row.insertCell(-1);
  cell.colSpan="2";//注意是colSpan 不是 colspan,js是严格区分大小写的
  cell.innerHTML="new row"
}


 

 

 

 

 

分享到:
评论

相关推荐

    js操作table导出excel

    3. **JavaScript操作**:使用JavaScript获取表格数据并创建CSV(逗号分隔值)字符串,这是Excel能识别的一种格式。 ```javascript function exportTableToCSV(filename) { var table = document.getElementById('...

    js对Table排序经典

    在JavaScript(js)中,对HTML表格(Table)进行排序是一项常见的需求,特别是在网页交互和数据展示中。本文将深入探讨如何使用JavaScript实现点击表头进行动态排序,并处理各种复杂情况,如包含HTML标签的单元格、...

    JS操作table大全

    以上就是JS操作table的基本方法和常见应用,通过熟练掌握这些技巧,你可以构建出功能丰富的交互式表格。然而,实际开发中可能需要根据具体需求进行更复杂的定制和优化,这就需要开发者具备深厚的JavaScript和DOM操作...

    bootstrap-table-export.js和tableExport.js

    而“bootstrap-table-export.js”和“tableExport.js”是针对Bootstrap表格的导出插件,它们扩展了表格的功能,允许用户将表格数据导出为各种格式,如CSV、Excel、PDF等,便于数据分析和存储。 首先,我们来详细...

    js动态操作table实例

    在JavaScript(JS)中,动态操作表格是一种常见的需求,它涉及到HTML DOM(Document Object Model)的元素操作。本文将深入探讨如何使用JavaScript实现对表格的动态添加、删除、修改和查询功能,结合给出的标签...

    javascript对table的添加,删除行的操作

    博文中的`对表格的基本操作.html`文件可能包含了以上操作的示例代码,你可以打开查看具体实现。它可能展示了如何结合HTML、CSS和JavaScript实现表格的动态操作,包括事件监听和响应式设计。 总之,理解并掌握...

    js代码操作table排序功能

    在JavaScript中,对HTML表格(`&lt;table&gt;`)进行排序是一项常见的需求,特别是在动态数据展示和用户交互的应用中。本文将深入探讨如何使用JavaScript实现表格数据的排序功能。 首先,我们要理解HTML表格的基本结构,...

    js 操作 增加删除Table行

    在网页开发中,JavaScript是一种非常重要的脚本语言,它允许我们与用户进行实时交互,其中就包括对HTML元素的操作。本文将深入探讨如何使用JavaScript来动态地增加和删除表格(Table)的行。 首先,我们需要了解...

    js动态创建Table

    JavaScript是一种强大的客户端脚本语言,广泛应用于网页交互和动态内容的生成。...以上内容涵盖了JavaScript动态创建Table的基本步骤和相关技术,理解并掌握这些知识点将有助于实现各种复杂的网页交互功能。

    js创建table表格

    在JavaScript中创建动态的HTML...JavaScript的灵活性和强大的DOM操作能力使得动态生成表格成为可能,无论是在教学还是实际项目中都非常有用。在学习和实践中,不断熟悉并应用这些知识,你将成为一个出色的前端开发者。

    bootstrap-table-editable.js

    为了更好地利用这个组件,你需要了解 Bootstrap Table 和 x-editable 的基本用法,以及 JavaScript 和 AJAX 的基础知识。同时,熟悉 HTML 和 CSS 也非常重要,因为它们是构建和定制界面的基础。在实际应用中,你可能...

    bootstrap table-js.rar

    综上所述,"bootstrap table-js.rar"提供了Bootstrap Table的基本框架和数据导出功能。在实际使用中,你需要结合Bootstrap框架,根据项目需求进行相应的配置和扩展,以创建出功能强大的数据展示和管理界面。同时,...

    JavaScript操作select&&table

    通过JavaScript可以对这些下拉列表进行动态操作,包括添加选项、删除选项、获取选中的值等。下面将详细介绍如何使用JavaScript来操作`&lt;select&gt;`元素。 ##### 1. 创建Select元素 ```javascript function create...

    JS操作table

    在JavaScript(JS)中操作HTML表格是Web开发中常见的任务,尤其在动态数据展示和用户交互方面。本文将深入探讨如何使用JavaScript进行基本的表格操作,包括创建、修改、删除和遍历表格元素。 首先,我们需要了解...

    前台js将table转为Excel表格下载.rar

    综上所述,"前台js将table转为Excel表格下载.rar"中的实现涉及到前端JavaScript技术,包括DOM操作、CSV格式转换、Blob对象以及创建下载链接等步骤,这些知识点对于开发具有数据导出功能的Web应用至关重要。

    javascript 操作 Table 排序

    在JavaScript中,操作HTML表格(Table)进行排序是一项常见的任务,尤其在动态数据展示和用户交互中。本文将深入探讨如何使用JavaScript实现表格数据的排序功能。 首先,我们需要理解HTML表格的基本结构。一个HTML...

    原生js table表格自动排序效果

    总的来说,原生js table表格自动排序效果的实现涉及到HTML结构的理解、JavaScript事件处理、数组排序算法的运用以及DOM操作。这是一个实用的功能,通过学习和理解这个例子,可以提升我们对前端开发中数据处理和交互...

    js 实现 table 行排序

    接下来,我们需要编写 JavaScript 函数 `sortTable(columnIndex)`,这个函数将根据传入的列索引对表格进行升序或降序排序。这里我们使用了冒泡排序算法,虽然效率较低,但对于小型数据集来说足够用了。 ```...

    js动态创建table点击按钮dom table tr添加操作

    本主题主要聚焦于如何利用JavaScript动态创建一个包含表格(table)的DOM结构,并且在表格行(tr)中添加可点击的按钮。这通常用于展示数据集,允许用户进行交互操作,比如删除、编辑或查看详情。 首先,我们需要...

    js 对页面table数据排序

    在网页开发中,JavaScript(简称JS)是一种必不可少的脚本语言,它被广泛用于实现页面交互和动态功能。本文将详细讲解如何使用JS对页面上的HTML表格数据进行排序,以便用户点击表头时能直接触发排序操作。 首先,...

Global site tag (gtag.js) - Google Analytics