用javascript,怎么获得表格中所点击的这一行的行数-CSDN论坛

用javascript,怎么获得表格中所点击的这一行的行数

Web 开发 > JavaScript

收藏回复

[问题点数：20分，结帖人yesbi]

⋅用javascript,怎么获得表格中所点击的这一行的行数 ⋅在后台添加一篇文章,在前台显示的格式与后台添加的这篇文章格式一模一样 ⋅~!~,终于找到java的工作了,开心啊,与大家一同分享这快乐吧! 更多帖子 关注私信空间博客 yesbi 等级 本版专家分：0 结帖率 100%: 我想获得所点击的某行,在表格中是排在第几行,应该要怎么得到?
我要实现的是:在某一行最后的一个单元格按回车,光标就跳到下一行的第一个单元格;

只要我获得了,当前的行是第几行,就可以知道下一行是处于表格的第几行(不知有没有其它的方法);
该怎么做,请大家帮帮忙,

2007-04-04 10:44:15

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅[已处理] 通过好友,说我权限不足,改个头像还说权限不足... ⋅我发现现在有些网站可以直接弹广告 ⋅请教个排列组合的问题 更多帖子 关注私信空间博客 muxrwc 等级 本版专家分：23230 勋章 蓝花 2006年11月 Web 开发大版内专家分月排行榜第三 2007年6月 Web 开发大版内专家分月排行榜第三: <table width="100%" cellspacing="0" cellpadding="0">
<tr>
<td>0</td>
</tr>
<tr id="ro1">
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
</table>
<script type="text/javascript">
var line = document.getElementById("ro1");
var i = line.rowIndex, n = line.parentNode.rows[i + 1];
alert(line.innerHTML + "\n" + (n ? n.innerHTML : "尾行的说"));
</script>

2007-04-04 10:53:10

点赞只看TA 引用举报 #1得分 5

⋅可用分要如何才能涨？ 更多帖子 关注私信空间博客 adverse 等级 本版专家分：7969 勋章 红花 2007年4月 Web 开发大版内专家分月排行榜第一: 首先取得出发事件的td对象(tdx)
tdx.parentNode.nextSibling.firstChild这个对象就是下一行的第一td对象.

2007-04-04 10:57:35

点赞只看TA 引用举报 #2得分 5

⋅有使用过weui的吗？有个问题请教 ⋅谁有积分商城的源码共享？哪些开源团购网站带有积分商城功能？ ⋅那个悲催的动车信号灯程序是否这样写的？ 更多帖子 关注私信空间博客 dbpointer 等级 本版专家分：49: <script language="javascript">
function showlinenum(obj){
  var rownum = obj.rowIndex
  document.all.dd.value=rownum;
}

</script>
<body>
<table width="280" border="2" cellspacing="1" cellpadding="2">
  <tr onMouseOver="showlinenum(this)">
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr onMouseOver="showlinenum(this)">
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr onMouseOver="showlinenum(this)">
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<p>
  <input name="dd" type="text" id="dd" />

点击的话就换成onclick=="showlinenum(this)"

2007-04-04 11:16:17

点赞只看TA 引用举报 #3得分 5

⋅rjzou2006的留言板

⋅如何使用C++打印下面宫格？

⋅spring security 4.0.0 触发事件方式改变了吗

更多帖子

关注私信空间博客

版主

rjzou2006

等级

本版专家分：11935

勋章

签到新秀 累计签到获取，不积跬步，无以至千里，继续坚持！

GitHub 绑定GitHub第三方账户获取: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="">
<TABLE border=1 width=300 height=300>
<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>

<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>
</FORM>
</BODY>
</HTML>
<script language="JavaScript1.2">

</script>

2007-04-04 11:19:02

点赞只看TA 引用举报 #4得分 5

⋅在安装oracle 10g 时,创建数据库时提示出错,错误是:Enterprise Manager 配置失败 更多帖子 关注私信空间博客 fuyanling 等级 本版专家分：125: <html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
function test(){
//获取第几行
alert( window.event.srcElement.parentNode.parentNode.rowIndex);
//获取第几列
alert(window.event.srcElement.parentNode.cellIndex);

}
</script>
</head>

<body>

<table border="1" width="100%" id="table1">
<tr>
<td><input type=text name="aa" onclick="test()"></td>
<td><input type=text name="bb" onkeydown="if(window.event.keyCode==13){this.parentNode.parentNode.nextSibling.childNodes(0).childNodes(0).focus();}"></td>
</tr>
<tr>
<td><input type=text name="cc" onclick="test()"></td>
<td><input type=text name="dd" onclick="test()"></td>
</tr>
</table>

</body>

</html>

//onkeydown中为光标显示在下一个文本框中

2007-04-04 11:36:55

点赞只看TA 引用举报 #5得分 0

⋅好久没来了，发帖散分 ⋅好久没来了，散点分。 ⋅好久没来了，散点分。 更多帖子 关注私信空间博客 mmcgzs 等级 本版专家分：1349: <table border="1" width="100%" id="table1">
<tr onclick=javascript:alert(this.rowIndex)>
<td><input type=text name="aa" ></td>
<td><input type=text name="bb"></td>
</tr>
<tr onclick=javascript:alert(this.rowIndex)>
<td><input type=text name="cc"></td>
<td><input type=text name="dd"></td>
</tr>
</table>

2007-04-04 12:10:57

点赞 1 只看TA 引用举报 #6得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 kecin_boa 等级 本版专家分：0: 楼上各位[color=#FF0000]牛逼啊。。。。[/color]

2011-09-25 19:49:59

点赞只看TA 引用举报 #7得分 0

收起

收藏回复

yesbi

等级：

关注私信 TA的帖子

使用JS(javascript)完成表格的一个隔行换色: 使用JS(javascript)完成表格的一个隔行换色分析 1.确定事件(页面加载事件onload) 2.获取元素：获取表格(document.getElementById()),最终是为了获取表格中tbody里面的行数(长度)。 3.Tbody里面的行数(rows....

用Js Dom实现通过用户输入行数和列数，生成一个表格: 用Js Dom实现通过用户输入行数和列数，生成一个表格： http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 通过输入的行数和列数创建表格 function create...

JavaScript获取表格的行数和列数: JavaScript获取表格的行数和列数

JavaScript实现动态添加页面的表格行数并获取数据: JavaScript实现动态添加页面的表格行数并获取数据，获取后的数据按照特殊的方式拼接存入数据库，用的时候再把它解析出来就行了。车型数量操作 </tr>

动态生成指定列数、行数的表格。并在每行最后一列添加一个删除按钮。点击删除按钮、删除本行！: 并在每行最后一列添加一个删除按钮。点击删除按钮、删除本行！思路：先一点一点添加功能，先写添加表格，在写删除表格行数：列数： var row = document.getElementById("textRowId"); var col =...

HTML动态生成指定行数和列数的可编辑表格: 未创建表格时创建表格保存表格编辑表格 td{ text-align:center;/*设置单元格样式*/ width:100px; height:30px; } .inp{ width:80px;/*设置普通单元格输入框样式*/ height:...

js获取html中的table元素里的每一行的行号: Js获取html文件中的table元素中的行号

js对当前表格各列数据的求和: /* * 表格求和。 * table 表示当前求和的表格 * trs 表示表格的所有行 * startRow 表示开始的行数 * startColumn 表示开始的列数 * endColumn 表示求和结束的列数 * */ function sumFun(table,trs

JavaScript获取表格中的值: JavaScript获取表格中的值

js 获取表格中的某一项的内容: html的表格首先是以table为标签，假定一个id=tab。则获取第i行第j列的值写法为 document.getElementById('tab').rows[i]...另外，获取表格的行数为 document.getElementById("tab").rows.length ...

JavaScript：一维数组动态生成N行N列table表格: var lines=Math.ceil(data.data.length/5);//显示行数 for(var j=0;j;j++){//遍历表格行 var props = "" ; props +="<tr>"; for(var k=0;

JS获取表格单元格坐标及给指定单元格赋值: JS获取表格单元格坐标及给指定单元格赋值说明：本文所述内容适用于通过JS方法，获取table中td标签坐标，即td标签所在单元格的行号、列号。以及为指定的单元格赋值。（如有不正确的地方，欢迎批评指正） 1. 获取...

js算法--输入行列，生成一个表格（table）: html: 请输入行数: 请输入列数: 创建 javaScript: functino autocreate() { var line = document.getElementById('rows').value; var list = document.getElementById('cols').value; var

JQuery点击table获取点击行的数据: jquery代码 $(function () { var TaskType = ''; $("#data_table tr:gt(0)").click(function () { TaskType = $(this).find("td").eq(0).html(); alert(TaskType)

前端简单入门第十二讲 使用JavaScript完成后台数据展示表格的隔行换色: 在后台展示数据的页面上...要想使用JavaScript来控制表格的隔行换色，最核心的一步就是使用JavaScript来获得表格的行数，步骤为：获得到控制的表格元素var tab1 = document.getElementById("tab1"); 获得

用JS编写日历的简单思路: 本文以写当前时间环境下当月的日历表为例，用最简单的方法实现JavaScript日历，旨在展示JS世界中实用为本、简单为上的解决问题的思路。 Web页中的日历一般离不开表格，通常都使用表格装载指定月的日期等信息。所以...

使用嵌套循环在控制台上输出九九乘法表: 其中双层for循环是程序开发中使用最频繁的，常用于操作表格数据，对于行数与列数相同的表格操作代码比较简单，但是类似九九乘法表就不好控制了，因为它的列数要与行数对应，可以说这个表格是个三角形。本实例通过...

javascript中给table添加新的行列: 原生JS：<script> var t = document.getElementById("test"); t.innerHTML = "<tr><td>数据</td>&...var tr = docume

js遍历获取表格内数据方法: 本文将介绍如何使用js获取表格内某一单元格的内容，表格由table,tr,td等html标记组成。table表示表格，tr表示行，td表示行中列。

jQuery 点击按钮，表格增加一行。: 添加一行姓名年龄性别 function addrow(){ var tables = $('.table'); var addtr = $(""+ ""+ ""+ ""+ " 删除"+ ""); addtr.appendTo(tables); } function deleteTrRow(tr){ ...

使用BootStrap Table编写响应式表格: 使用BootStrap Table编写响应式表格

JS获取table表格任意单元格值: jsp页面表格布局第一行第一列第一行第二列第二行第一列第二行第二列第二行第三列第三行第一列第三行第二列

js 增加行和删除行: //得到一个表格对象 var table1 = $('#'+tableId); //表格的行数 var trSize = $('#'+tableId+' tr').size(); if(trSize>1){ var lastTr = $('#'+tableId+" tr:last"); lastTr.remove(); }e

EasyUI DataGrid添加超链接: EasyUI DataGrid添加行链接

JS动态添加表格行insertRow,insertCell: 表格部分代码如下：第一行第二行第三行动态添加表行的javascript函数如下：function addRow(){//添加一行var newTr = testTbl.insertRow();//添加两列var newTd0 = newTr.insertCell();var newTd1 = newTr.inse

Jquery动态给表格添加、删除行: HTML代码 test1 test2 JS代码 $(document).ready(function(){ $("#btn1").click(function(){ var tr = "new"; $("table").append(tr);/

jquery获取表格除第一行以外的所有行并清空: 前端代码排名 <th>IP 分值

求助，js问题，点击增加按钮只增加当前行的数量？: 我的jquery代码如下，但是我点击增加后这个表格的所有数量都增加了，怎样让当前行的数量增加呀？ <script type="text/javascript">function add(){$('[id=count]').each(function (){var count=$(this).text();co=...

Table假分页: 需要在界面显示部分表格信息，当显示大量信息时，为了使界面更美化，很需要进行分页。分页的方式有两种：一种真分页；一种假分页。今天我们主要探讨一下假分页。假分页又根据控件而不同。若用ASP.NET...

获取table表格每行每列的数据: 在线展示 F12打开开发人员工具查看console内容表格数据：获取表格每行每列数据：html:<form id="form1"> <td> 11 <td> 12</td>

相关热词 c# 挂机锁 c# 不能再打开其它表了 c#移除行 c#socket建立通信 c# 拦截socket c#做一个问卷调查 c++结构体转换为c# c# 判断组合键 c# 的类重写dll c# 五层嵌套优化