关于表格中值的访问.

最新推荐文章于 2021-12-15 10:02:19 发布
最新推荐文章于 2021-12-15 10:02:19 发布
阅读量693 收藏
点赞数
分类专栏： 程序 文章标签： border function table input null textbox
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/onefish/article/details/222264
版权

关于表格中值的访问.

var intSysTotal=0;
intSysTotal=document.getElementById("ReportGrid1").rows[2].cells[5].value;
//得到表格的值
document.form1.textfield.value=intSysTotal;                 
//在textfield(一个textbox)中显示。

在表格中第二行，第五列为2268
运行结果为intSysTotal 为undefine,请问什么原因。

答：intSysTotal=document.getElementById("ReportGrid1").rows[2].cells[5].innerText;
document.getElementById("ReportGrid1").rows[2].cells[5].innerText

有几个TABLE统计其中的一个
<input type=button value="统计" onClick=alert("共"+List.getElementsByTagName('tr').length+"行！")>

列表内容：
<table width="200"  border="1" cellspacing="1" cellpadding="1" id="List">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>


一般列表：
<table width="200"  border="1" cellspacing="1" cellpadding="1">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

应用举例：

<html><head>
<script>
var lastRow=null,lastCell=null;
function findRow(e)
{
if (e.tagName == "TR") return e;
else if (e.tagName == "BODY") return null;
else return findRow (e.parentElement);
}
function findCell(e)
{
if (e.tagName == "TD") return e;
else if (e.tagName == "BODY") return null;
else return findRow (e.parentElement);
}
function sel()
{
var obj=event.srcElement;
var oTR=findRow(obj);
var oTD=findCell(obj);
if (oTR.id=="rowtop"||oTR.id=="rowbottom") return;
var cellnum=0;
for (;cellnum<oTR.cells.length&&oTR.cells[cellnum]!=oTD;cellnum++);
document.all.nowrow.value = oTR.id;
document.all.nowcell.value = ++cellnum;
if (lastRow) lastRow.runtimeStyle.backgroundColor="";
oTR.runtimeStyle.backgroundColor="#FFFFEE";
lastRow=oTR;
var oRows=document.all.tab1.tBodies[0].rows;
var vTotal=0;
if (lastCell)
{
  for (i=1;i<oRows.length-1;i++)
  {
    oRows[i].cells[lastCell-1].runtimeStyle.backgroundColor="";   
  }
}
for (j=1;j<oRows.length-1;j++)
{
  oRows[j].cells[cellnum-1].runtimeStyle.backgroundColor="#FFFFDD";
  vTotal+=parseInt(oRows[j].cells[cellnum-1].innerText);
}
lastCell=cellnum;
if (vTotal) document.all.rowbottom.cells[cellnum-1].innerText=vTotal;
}
</script>
</head>

<body>
<table id="tab1" width="300" border="1" style="border-collapse:collapse" οnclick="sel()">
  <tr id="rowtop" bgcolor="#CCCCCC"><td>Goods</td><td>Price</td><td>Others</td></tr>
  <tr id="row1"><td>Item1</td><td>100</td><td>ABC</td></tr>
  <tr id="row2"><td>Item2</td><td>200</td><td>BCD</td></tr>
  <tr id="row3"><td>Item3</td><td>150</td><td>CDR</td></tr>
  <tr id="row4"><td>Item4</td><td>190</td><td>123</td></tr>
  <tr id="row5"><td>Item5</td><td>300</td><td>234</td></tr>
  <tr id="rowbottom" bgcolor="#99FF99"><td> </td><td> </td><td> </td></tr>
</table><p/>
当前行ID: <input type="text" name="nowrow" size="10">
当前列数: <input type="text" name="nowcell" size="10">
</body></html>

onefish
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
用Chart控件绘制动态图表
onefish的专栏
12-18 3203
用Chart控件绘制动态图表　　进行程序设计时，选用一个合适的ActiveX控件，有时可大大减少编程工作量。ActiveX 控件（又称OCX）基于COM技术，作为独立的软件模块，它可以在任何程序设计语言中插入使用。本文仅以VC＋＋为例说明Chart控件的使用。 　　Chart控件指Mschart.ocx（5.0版)或Mschrt20.ocx（6.0 版），是Visual Studio自带的Acti
嵌入式数据库在Java中的应用
onefish的专栏
12-21 2549
嵌入式数据库在Java中的应用 内容： 一. Berkeley DB二. SQLite参考资料关于作者Java 专区中还有:教学工具与产品代码与组件所有文章
Vue + Element UI 表格分页记忆选中
热门推荐
欲变世界，先变其身
12-15 1万+
Vue + Element UI 表格分页记忆选中
python图片表格提取算法_基于python+opencv的图像目标区域自动提取
weixin_39638014的博客
11-30 1155
向AI转型的程序员都关注了这个号????????????机器学习AI算法工程 公众号：datayx一、提取纸张中的内容一张照片中的感兴趣区域总是沿着x,y,z三个轴都有一定倾斜（如下图），要想把照片翻转到平行位置，需要进行透视变换，而透视变换需要同一像素点变换前后的坐标。由此可以想到，提取矩形区域四个角的坐标作为变换前的坐标，变换后的坐标可以设为照片的四个角落，经过投影变换，矩形区域将会翻转并充满图像。因此我...
html修改某个table单元格值,如何使用jquery设置表格单元格值
weixin_39732018的博客
06-04 855
如果您只想迭代表中的每个单元格,则以下任一操作都可以：$('#tbl td').each(function (){var $cell = $(this);// do something with the current });// or,$('#tbl tr').each(function (){var $row = $(this);$row.children().each(function ()...
C#中值类型和引用类型
shiwaxinbin的专栏
06-15 1659
C#中值类型和引用类型 概念： 1.值类型：数据存储在内存的堆栈中，从堆栈中可以快速地访问这些数据，因此，值类型表示实际的数据。 2.引用类型：表示指向存储在内存堆中的数据的指针或引用（包括类、接口、数组和字符串）。   C#中定义的值类型包括原类型（Sbyte、Byte、Short、Ushort、Int、Uint、Long、Ulong、Char、Float、Double
中值滤波.zip西门子PLC编程实例程序源码下载
04-20
中值滤波.zip西门子PLC编程实例程序源码下载中值滤波.zip西门子PLC编程实例程序源码下载中值滤波.zip西门子PLC编程实例程序源码下载中值滤波.zip西门子PLC编程实例程序源码下载 1.合个人学习技术做项目参考合个人...
自适应中值滤波.zip
05-03
图像处理作业，自适应中值滤波器的实现，根据数字图像处理 第三版（冈萨雷斯 著）此书所描述的算法实现编码
中值定理.ppa
10-28
中值定理.ppa
拉格朗日中值定理.doc
10-12
拉格朗日中值定理.doc
中值滤波.rar
06-05
西门子PLC程序
PySqlite简明教程
onefish的专栏
12-21 3726
PySqlite简明教程 本文的主要目的是作为一个入门级教程，教你一些如何使用PySqlite来操作 Sqite 的一些基本的语句，更详细的还要去参考想应的文档以及编写相应的测试程序。希望本文对你有帮助。我以前的Blog sqlite一个轻巧的数据库PySqlite的主页地址：http://pysqlite.sourceforge.net/ 上面有关于使用PySqlite的文档
Visual C++ 实现QQ消息群发
onefish的专栏
12-29 2759
摘要 在Windows系统环境中，利用操作系统的消息驱动机制模拟QQ消息发送过程，实现QQ消息群发。　　关键字 QQ消息群发 软件模拟 消息循环 SPY++ 　　一、引言　　QQ一直是国内最令人瞩目的及时通讯软件，近6年的经营使其在IM市场有了"世界第一"名号。在国内市场，QQ的市场占有率已经超过了70%，用户群庞大，本人就是腾讯QQ的一个用户。不知QQ会员是否能够消息群发，但我这个免费用户是享受
C#版RSS阅读器（新增读OPML功能）
onefish的专栏
04-19 2431
C#版RSS阅读器（新增读OPML功能）新增一个treeview控件，用来显示读取的OPML结果，目前我所知道地仅博客园有OPML提供。并且它的OPML还不是统一的格式，所以不得不在LoadOpml()方法里添加一句判断（蓝色部分），不爽！呵呵……可能是还没形成标准吧，也许将来就不用这么麻烦了。新增源代码（部分）：        private void LoadOpml(string url) 
通过 DPAPI 获取当前帐号保存的 MSN Messenger 密码
onefish的专栏
03-04 1628
通过 DPAPI 获取当前帐号保存的 MSN Messenger 密码tomekeeper 在水木BBS上贴了一个通过 DPAPI 获取保存的 MSN 密码的代码。其核心思想是从 MSN 加密保存在注册表中的键里，把加密后字符串抠出来，然后使用 DPAPI 的函数 CryptUnprotectData 解密之。关键代码如下：//...ret = RegOpenKeyEx(HKEY_CURRENT_
在C/C++ 中如何构造通用的对象链表
onefish的专栏
12-19 1476
在 C/C++ 中如何构造通用的对象链表虚拟链表和类链表可以很好地实现这一点T. W. BurgerThomas Wolfgang Burger Consulting 公司的老板2000 年 9 月内容：简化的问题C 代码解决方案C++ 解决方案小结参考资源作者简介您是否做过这样一个项目，它要求您在内存
主页动态提示轻松做
onefish的专栏
12-25 1368
动态提示轻松做 　　动态提示就是当鼠标移动到网页中的一个链接上的时候，在这个链接的旁边就会出现一个提示条，显示你预先设定的提示文字！下面我就带领大家一步步地制作一个动态提示，你可以体会在Dreamweaver中使用layer是多么的方便！好了，我们开工吧： 　　1.打开Dreamweaver2.0。如果觉得里面的窗口太多，可以把Layer、Behaviors以及St
VC小知识
onefish的专栏
01-11 1240
  （1） 如何通过代码获得应用程序主窗口的 指针?主窗口的 指针保存在CWinThread::m_pMainWnd中,调用AfxGetMainWnd实现。AfxGetMainWnd() ->ShowWindow(SW_SHOWMAXMIZED)//使程序最大化.（2） 确定应用程序的路径Use GetModuleFileName 获得应用程序的路径，然后去掉可执行文件名。Example:TCHA
wps表格中值保留2位小数
最新发布
08-20
在WPS表格中，要将数值保留2位小数，可以按照以下步骤进行操作： 1. 选中需要保留2位小数的单元格或单元格区域。 2. 在菜单栏中选择“格式”选项。 3. 在下拉菜单中选择“单元格”。 4. 在弹出的“单元格格式”...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值