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

通过js 向table添加或修改row及cell

J# 
阅读更多
 //取得table对象
         var tabObj = document.getElementById("tabTipResult");
     //目前table有多少行
         var rowCount = tabObj.rows.length;
     //每行有多少列
         var cellCount = tabObj.rows(0).cells.length;

         if(rowCount < pageCount)
        {
             for(var i=0;i< pageCount ;i++)
             {
         //循环 向table增加新行
                 var newRow = tabObj.insertRow(rowCount++);  
                 for(var j=0;j<cellCount;j++)          
                 {
             //每行的新列值    
                     newRow.insertCell(j).innerHTML="无";            
                 }
             }
         }
         else
         {
             for(var i=1;i<= pageCount ;i++)
             {
                 var tmpRow = tabObj.rows(i);  
                 for(var j=0;j<cellCount;j++)          
                 {
                     tmpRow.cells(j).innerHTML="无";            
                 }
         //该行的背景色属性
         tmpRow .onmouseout = function(){this.bgColo
r="white";};
         tmpRow .onmouseover= function(){this.bgColor="#efffff";};
         //td 在 onclick事件
         tmpRow .cells(0).onclick = function(){ alert("");};   
             }
         }
删除列
document.getElementById(tabTipResult).deleteRow(index);
分享到:
评论

相关推荐

    Table TableRow TableCell与Bom模

    Table TableRow TableCell与Bom模型 与事件处理机制 与js 面向对象的基础;

    table 使用js 高效 动态添加行

    在网页开发中,表格(Table)是展示数据的常用元素,而JavaScript(js)则提供了强大的功能来操作DOM(文档对象模型),包括动态地向表格中添加行。本篇文章将详细探讨如何使用JavaScript高效地实现表格动态添加行,...

    jstable添加行删除行复制行

    在处理表格(Table)元素时,JavaScript可以帮助我们实现实时的动态操作,比如添加、删除和复制行。本文将详细讲解如何使用JavaScript来实现这些功能。 首先,我们需要了解HTML中的`&lt;table&gt;`元素。它用于创建表格,...

    js控制表格的添加和修改

    在这个例子中,`addRow`函数通过`insertRow`方法向表格添加新行,并使用`insertCell`添加新单元格,然后设置单元格的内容。 删除操作同样简单,只需要获取到要删除的行并调用`remove`方法: ```html ()"&gt;删除行 ...

    js实现动态修改table内容功能

    在JavaScript中,动态修改HTML表格(Table)的内容是一项常见的任务,尤其在网页交互和数据展示时。本篇文章将深入探讨如何使用JavaScript实现这一功能,包括选择表格元素、获取和设置单元格内容,以及监听事件来...

    js动态创建Table

    DOM是HTML和XML文档的结构化表示,通过JavaScript可以访问和修改DOM元素。要动态创建表格,我们需要获取或创建`&lt;table&gt;`元素。例如,可以使用`document.createElement('table')`创建一个新的表格对象,然后设置其...

    table添加行 js

    - Document Object Model (DOM) 是HTML和XML文档的结构表示,JS通过DOM可以查找、修改或添加HTML元素。 - `document.getElementById()`, `document.querySelector()` 和 `document.querySelectorAll()`等方法用于...

    js创建table表格

    - **交互功能**:例如,添加删除行、添加列、排序等功能,这需要更复杂的JavaScript逻辑。 通过熟练掌握这些技能,你不仅可以创建简单的表格,还能构建功能丰富的交互式表格。JavaScript的灵活性和强大的DOM操作...

    javascript动态添加table

    在JavaScript中,动态添加table是一种常见的任务,尤其在构建数据驱动的Web应用时。这个功能允许开发者在用户交互或后台数据变化时实时更新页面上的表格。以下是对这一知识点的详细阐述: 1. **HTML表格基础** 在...

    JS动态添加、删除Table行排序(删除整行、删除整列)

    这篇教程将专注于如何使用JavaScript动态地添加、删除Table的行,并实现排序功能,包括删除整行和整列。以下是对这些概念的详细解释: 1. **动态添加Table行:** 要动态添加行,我们可以使用`document....

    js动态操作table实例

    本文将深入探讨如何使用JavaScript实现对表格的动态添加、删除、修改和查询功能,结合给出的标签“源码”和“工具”,我们将以一个实际的示例来解析这一过程。 首先,我们需要理解HTML中的`&lt;table&gt;`元素结构。一个...

    JS操作table大全

    本文将深入探讨如何使用JavaScript进行表格的创建、修改、删除以及实现一些特殊效果。 首先,我们从基础开始,创建一个基本的HTML表格。在HTML中,`&lt;table&gt;`元素用于定义表格,`&lt;tr&gt;`表示表格行,`&lt;th&gt;`是表头...

    一个动态添加table行的js例子

    在JavaScript编程中,动态添加和删除表格行是一个常见的需求,特别是在网页交互和数据展示中。这个例子主要展示了如何使用JS实现这一功能。首先,我们来理解动态添加表格行的基本概念。 表格(Table)是HTML中用于...

    table合并单元格的多种方法

    在表格(Table)设计中,有时我们需要合并单元格来达到特定的展示效果,例如创建标题行或列,或者为了美观和布局对齐。在HTML、CSS以及JavaScript中,都有多种方式可以实现单元格的合并。这里我们将详细探讨六种合并...

    JS操作table

    1. **创建表格**:使用JavaScript动态创建表格,可以通过`document.createElement()`方法创建元素,然后用`innerHTML`或`appendChild()`添加到DOM中。 ```javascript var table = document.createElement('table'...

    js实现table分页可以动态生成table

    在JavaScript中实现表格(table)分页是一种常见的需求,特别是在数据量较大的网页应用中,为了提高用户体验和加载速度,我们通常会将数据分页展示。本文将深入探讨如何使用JavaScript来实现这一功能,并结合给定的...

    js展现table方法

    除了创建表格,我们还可以用JavaScript来操纵表格的内容,比如添加、删除或修改单元格。例如,如果需要在表格中动态添加新行,可以使用`insertRow()`方法: ```javascript var newRow = tbody.insertRow(); var ...

    下拉框的内容通过js插入到table中

    // 如果需要,可以设置其他属性或添加更多单元格 }; ``` 同时,如果需要删除表格中的行,我们可以使用`delRow`方法。假设我们有一个按钮触发删除操作: ```html ()"&gt;删除行 ``` 在JavaScript中实现删除行的函数...

    js代码操作table排序功能

    可以使用`document.querySelector()`或`document.querySelectorAll()`来选择`&lt;table&gt;`元素,然后通过DOM遍历获取所有行和单元格的数据。例如: ```javascript var table = document.querySelector('table'); var...

    常用的js动态增加(删除)table数据行的功能

    在JavaScript中,动态地添加或删除表格数据行是常见的需求,尤其在开发交互式Web应用时。本篇文章将深入探讨如何实现这些功能,并提供相关的源码示例。 首先,我们来了解一下HTML表格的基本结构。一个表格由`&lt;table...

Global site tag (gtag.js) - Google Analytics