`
jackleechina
  • 浏览: 587190 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

取td在table中的第几行

    博客分类:
  • html
 
阅读更多

鼠标在一个table中点的时候,请问用什么办法能反应出当前点中的td是该table的第几行?

A)

this.parentNode.rowIndex

 

B)

parentElement.rowIndex

 

C)

突然发现DOM里有非常多操作表格的方法,平常很少用到,在此收集一下...:loveliness:

oTr.rowIndex:返回oTr所在的行(第一行为0)
oTd.cellIndex:返回oTd所在的列(同上)
oTr.deleteCell(index):删除oTr上index位置的列(第一列为0)
oTable(oTBody).deleteRow(index):删除表格上index位置的行(第一行为0)
oTr.insertCell(index):在oTr的index位置上插入列(第一列为0)
oTable(oTBody).insertRow(index):在表格上index位置插入行(第一行为0)

备注:以上带有index参数的方法,在IE可以省略,在FF下是必须的!:lol 

 

D)

另:
text node有三个方法,个人感觉很好用,特发上来
textNode.insertData(nOffset, sString):在文本节点的nOffset位置插入字符串sString
textNode.deleteData(nOffset,nCount):在文本节点的nOffset位置删除长度为nCount的字符串
textNode.appendData(sString):这个好理解...在此就不多说了,自己试吧...:lol

以上方法IE&&FF下都能通过...属于DOM标准...

 

摘自:http://bbs.51js.com/thread-66661-1-1.html

分享到:
评论

相关推荐

    获取table中某个td的值

    在这个场景下,我们需要掌握如何利用JavaScript有效地获取table中某个td的值,以便实现动态的页面交互。 首先,了解HTML表格的基本结构至关重要。一个表格由`<table>`元素定义,其中包含多个`<tr>`(行)元素,每个...

    JS获取Table中td值的方法

    特别是在表格(Table)中获取单元格(td)的值是一个常见的需求。本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td...

    合并table的行

    在Web开发中,`<table>`元素用于显示数据的表格形式,而合并行的功能主要通过`<td>`或`<th>`标签的`rowspan`属性来实现。`rowspan`属性允许一个单元格跨越多行,从而达到合并行的效果。在实际应用中,我们通常需要...

    table表格固定行和列

    在网页设计中,表格(Table)是一种常见的数据展示方式,尤其在数据分析、报表展示等领域。然而,当表格数据较多时,滚动浏览可能会导致表头或列宽不易辨识,这时就需要实现“固定行和列”的功能。这个功能使得用户...

    js中获取 table节点各tr及td的内容简单实例

    在JavaScript中获取table节点各tr(表格行)及td(表格单元格)的内容是一个常见的操作,这在进行网页动态内容更新或数据提取时非常有用。本文将通过实例来说明如何通过JavaScript代码实现这一功能。 首先,我们...

    js循环表格,在开始循环行列之前数据已经指定数据在单元格的位置:(第几行,第几列),该如何循环?.pdf

    在JavaScript中,创建一个带有特定数据布局的表格时,可能会遇到一种情况,即在开始循环填充数据之前,每个数据项已经指定了它应该出现在表格的哪个位置(即第几行第几列)。这种情况通常涉及到更复杂的表格布局,...

    JavaScript Table行定位效果

    第一个问题是fixed的tr在ie7中不能进行定位,而且td在定位后并不能保持在表格中的布局,这样在原表格插tr就没意义了。 ps:fixed的相关应用可参考仿LightBox效果。 最后我用的方法是新建一个table,并把源tr克隆到...

    js Table相同行合并,数量汇总

    合并的方式通常是隐藏或移除重复的行,保留第一行并在该行的`<td>`中添加汇总的数量。 3. **计算数量**:在合并的过程中,我们需要累加相同行的数量。可以为每个唯一的行创建一个计数器,每当遇到相同的行时,就...

    jQuery实现获取table中鼠标click点击位置行号与列号的方法

    为了获取行号和列号,我们需要找到该单元格在父`tr`(行)中的索引(列号)以及该`tr`在父`tbody`(表格体)或整个`table`中的索引(行号): ```javascript var tdSeq = $(this).parent().find("td").index($(this...

    判断鼠标点击所在表格的第几行以及删除表格的行

    当涉及到表格(Table)元素时,我们可能需要获取用户点击的表格行(tr)的索引,以便执行特定的操作,如删除该行。这个场景在数据管理、表格编辑等应用中尤为常见。以下我们将详细讲解如何实现这个功能。 首先,...

    Layui组件Table绑定行点击事件和获取行数据的方法

    初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr绑定双击事件,然后获取Index,再从数据集里面取出行数据; done: function(res, curr, count){ $('#div').find('.layui-table-...

    layui table设置某一行的字体颜色方法

    在Layui table中,如果想要设置某一行的字体颜色,可以通过JavaScript来实现。接下来,我们将详细介绍如何在Layui table中设置某一行的字体颜色。 首先,我们需要了解Layui table的基本结构。Layui table通常由几个...

    解决方案_JS获取H5table内容.rar

    在JavaScript(JS)中获取HTML5(H5)表格(table)的内容是一项常见的任务,尤其在数据处理和页面交互中。这个"解决方案_JS获取H5table内容.rar"压缩包提供了一个方法来解决这个问题,适用于那些需要从网页表格中...

    javascript Table 中2个列(TD)的交换实现代码

    - 在实际应用中,需要注意对用户输入进行合法性校验,确保输入的ID确实对应于表格中的某个`<td>`元素。 - 对于更复杂的表格布局,可能还需要考虑更多的边界情况和异常处理。 - 此外,为了提高用户体验,可以增加一些...

    用table绑定数据,实现分页功能

    HTML中的`<table>`元素用于创建表格,它由`<tr>`(行)、`<th>`(表头)和`<td>`(数据单元格)等元素构成。在实现分页功能前,我们需要先正确地布局和构建表格。 2. **数据绑定**: 数据绑定是指将后端数据动态...

    HTML的Table数据导出excel和例子

    - `cells`: 单元格对象,用于存储表格中的每一个单元格(TD)。 示例代码如下: ```javascript var table = document.getElementById("myTable"); // 假设Table的ID为"myTable" // 获取表格中的所有行 var rows = ...

    bootstrap table编辑表格所需文件

    在默认情况下,Bootstrap Table 并不支持直接在表格内编辑数据。为了实现这个功能,我们需要借助第三方插件,比如`bootstrap-x-editable`。这个插件允许用户在表格的单元格上直接进行编辑操作,提供了一种便捷的方式...

    css table-layout属性显示表格单元格、行、列的算法规则

    在网页设计中,虽然表格的使用频率相对较低,但了解`table-layout`属性对于优化页面加载时间和用户体验至关重要。 `table-layout`属性有两个可选值:`auto`和`fixed`,它们分别代表自动表格布局和固定表格布局。 1...

    HTML 第八章 Table局部布局与浏览器兼容性

    在第八章"HTML Table局部布局与浏览器兼容性"中,我们将会深入探讨如何有效地使用表格进行布局,以及在不同浏览器间保持良好的兼容性。在这个主题中,我们将触及以下几个关键知识点: 1. **表格的基本结构**:HTML...

    Html_的table_边框设置

    在讨论具体的边框设置之前,我们需要了解几个基本概念: - **CSS边框属性**:包括`border-width`、`border-style`和`border-color`等。 - **`border-width`**:定义边框的宽度。 - **`border-style`**:定义边框的...

Global site tag (gtag.js) - Google Analytics