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

如何取得点击了表格的第几行

    博客分类:
  • java
J# 
阅读更多
*********1***********
<TABLE   border   width="98%"   onclick="findcell()"   id="tb1">  
  <TR>  
  <TD>1</TD>  
  <TD>2</TD>  
  </TR>  
  <TR>  
  <TD>3</TD>  
  <TD>4</TD>  
  </TR>  
  <TR>  
  <TD>5</TD>  
  <TD>6</TD>  
  </TR>  
  </TABLE>  
  <script>  
  function   findcell()  
  {  
  var   count=0;  
          for   (i=0;   i   <   document.all.tb1.rows.length;   i++)   {  
                  for   (j=0;   j   <   document.all.tb1.rows(i).cells.length;   j++)   {  
                        if(document.all.tb1.rows(i).cells(j)==event.srcElement)  
        {  
            alert("第"+(i+1)+"行"+"第"+(j+1)+"列")  
        }  
                  }  
          }  
   
  }  
  </script>
**********2**********
<table   border=1   width="100%"   onclick="test()">  
  <tr>  
  <td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td>  
  </tr>  
  <tr>  
  <td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td>  
  </tr>  
  <tr>  
  <td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td>  
  </tr>  
  <tr>  
  <td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td><td>&sup2;&acirc;&Ecirc;&Ocirc;</td>  
  </tr>  
  </table>  
  <script>  
  function   test()  
  {  
  var   e   =   event.srcElement  
  while(e.tagName!="TR")  
  e=e.parentElement  
  alert(e.rowIndex)  
  }  
  </script>
**************3*****************
table   border=1   width="100%"   onclick="test()">  
  <tr>  
  <td>测试</td><td>测试</td><td>测试</td>  
  </tr>  
  <tr>  
  <td>测试</td><td>测试</td><td>测试</td>  
  </tr>  
  <tr>  
  <td>测试</td><td>测试</td><td>测试</td>  
  </tr>  
  <tr>  
  <td>测试</td><td>测试</td><td>测试</td>  
  </tr>  
  </table>  
  <script>  
  function   test()  
  {  
  var   e   =   event.srcElement  
  while(e.tagName!="TR")  
  e=e.parentElement  
  alert(e.rowIndex)  
  }  
  </script>
分享到:
评论

相关推荐

    易语言高级表格右键选择当前行

    右键选择当前行是高级表格中的一个常见功能,它使得用户可以通过鼠标右键点击表格中的任意一行,触发相应的上下文菜单或事件,从而实现对选中行的进一步操作。 实现这一功能通常需要以下步骤: 1. **事件处理**:...

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

    以上就是判断鼠标点击所在表格的第几行以及删除表格行的基本实现。需要注意的是,实际应用中可能还需要处理更多细节,比如防止用户误操作、更新数据到服务器等。此外,对于复杂的表格操作,可以考虑使用像...

    JS实现的表格行上下移动操作示例

    首先,我们来看一个简单的表格示例,它包含了几个表格行(`&lt;tr&gt;`)和单元格(`&lt;td&gt;`)。在这个表格中,每一行的末尾都放置了两个超链接(`&lt;a&gt;`),分别用于执行上移(`moveUp`)和下移(`moveDown`)操作。 在这个...

    几种经典的jQuery动态增加删除表格的实例

    这个JavaScript示例中,`addRow`函数用于插入新行,并为新行的第一个单元格添加一个删除按钮,点击时移除整个行。`addEventListener`用于监听点击事件。 总结起来,无论是使用jQuery还是原生JavaScript,动态增加和...

    使用jquery实现表格动态分页

    动态分页是指在用户滚动或点击分页按钮时,仅加载当前显示的数据,而不是一次性加载所有数据。这种做法提高了页面加载速度,减少了服务器压力,并优化了用户体验。 **一、jQuery分页插件的选择与使用** jQuery提供...

    Android 表格控件-动态实现表格效果(内容、样式可扩展)

    它由多个TableRow组成,每个TableRow代表表格的一行。TableLayout支持自动调整列宽,但不支持自动调整行高。每个单元格通常包含一个View或一个ViewGroup。 2. **动态生成表格**: 在Java代码中,我们可以创建...

    表格控件表格编辑器代码

    标题中的“表格控件表格编辑器代码”指的是用于在应用程序中创建、显示和编辑表格数据的一种软件组件。这种控件通常被开发人员用于构建具有高度交互性和功能丰富的用户界面,尤其是在数据库应用、报表生成或者数据...

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

    在网页中实现分页通常需要以下几个步骤: 1. 计算总页数:基于每页显示的数据量和总数据量。 2. 创建分页按钮:可以是数字按钮或者“上一页”、“下一页”等。 3. 监听分页按钮点击事件:更新显示的数据。 4. 数据...

    vue实现表格的查询,下拉框,以及分页功能

    表格中的每一行都有一个链接,点击后可以跳转到详情页面。分页组件会监听当前页的变化,并向后端发送请求获取对应页的数据。 在`methods`中,`handleSearch`方法负责在用户输入查询关键字或选择分类后向后端发起...

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

    这里先记录一个行点击事件的坑,后面慢慢补充. 初始化表格完成后利用事件给table(定位table需要在HTML代码中给table放入指定div)的tr绑定双击事件,然后获取Index,再从数据集里面取出行数据; done: function(res, ...

    安卓Excelwordppt文档读写相关-仿excel表格排序效果实现点击头部按列排序效果.rar

    本资源“安卓Excelwordppt文档读写相关-仿excel表格排序效果实现点击头部按列排序效果.rar”提供了一个示例,帮助开发者实现一个类似Excel的表格排序功能,即用户点击表头时,数据根据所选列进行升序或降序排列。...

    WORD表格如何排序

    - **有无标题栏**:如果你的表格第一行是标题行,那么需要勾选“有标题行”,这样标题行不会被包含在排序范围内。 - 确认设置无误后,点击“确定”按钮,Word将根据你设定的条件对表格进行排序。排序完成后,所有...

    【JavaScript源代码】js实现添加删除表格操作.docx

    1. **添加行**:当点击“添加到表格”按钮时,JavaScript会捕获这个事件,读取输入框的值,并创建一个新的表格行。新行包含与现有行相同结构的四个单元格,其中第一个单元格内的复选框需要绑定点击事件,以响应未来...

    android 表格

    - **触摸事件处理**:正确处理触摸事件,确保用户可以顺畅地滚动表格和点击表项。 - **可访问性**:考虑到无障碍功能,确保固定表头在辅助技术(如屏幕阅读器)下也能正确工作。 总的来说,“android 表格”是一个...

    VB6美化MSHF表格控件

    为了实现表格的美化,我们可以关注以下几个方面: 1. **颜色定制**:通过设置`BackStyle`属性为1(透明),我们可以为表格背景添加自定义颜色或图片。同时,可以使用`ForeColor`和`BackColor`属性分别改变文本和...

    wps表格初级教程3

    本章节重点介绍了WPS表格中的数据处理功能,主要包括排序、筛选、分类汇总、有效性等几个方面。以下是对这些知识点的详细解读: ##### 一、数据排序 数据排序是在WPS表格中对数据进行重新排列的一种常用操作,它...

    【纯JS表格分页代码】

    4. **事件监听**:为分页按钮添加点击事件监听器,当用户点击按钮时,更新“当前页数”并重新渲染表格,只显示对应页的数据。这通常涉及遍历数据数组,跳过不需要的行。 5. **动态渲染**:使用JavaScript操作DOM...

    js读取json数据动态生成列数不固定的表格

    接着,我们创建了一个`&lt;table&gt;`元素,确定了表头(假设是数据的第一个对象的键),然后遍历数据数组生成相应的表格行和单元格。最后,将表头和表格行添加到表格中。实际应用中,你需要替换数据读取部分,以适应从...

    Dreamweaver CS6中使用表格进行网页布局.pdf

    总结来说,使用Dreamweaver CS6的表格进行网页布局包括以下几个关键步骤:切换到扩展模式,插入表格,拆分单元格,设置单元格的高度和背景颜色,调整单元格的大小,以及预览网页。这种方法虽然传统,但对于初学者和...

    jQuery客户端表格分页显示

    在jQuery实现客户端表格分页的过程中,我们需要理解以下几个核心知识点: 1. **HTML结构**:首先,表格的基本HTML结构应该包括`&lt;table&gt;`、`&lt;thead&gt;`、`&lt;tbody&gt;`和`&lt;tfoot&gt;`等元素。`&lt;thead&gt;`用于定义表头,`&lt;tbody&gt;...

Global site tag (gtag.js) - Google Analytics