文档章节

js读取表格单元格内容

秦学强
 秦学强
发布于 2017/07/09 22:04
字数 165
阅读 1
收藏 0

通过js来读取每个单元格内容,然后列举出来。

以下是程序代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>通过js来读取每个单元格内容。</title>
</head>
<script>
function showText(){
  var oTbody=table1.children.item(0);
  for(var i=0;i<oTbody.children.length;i++)
  {
     var oTR=oTbody.children.item(i);
         for(var j=0;j<oTR.children.length;j++)
	          text1.value+="第"+(i+1)+"行;"+"第"+(j+1)+"列的内容是:"+oTR.children.item(j).innerHTML+"\n";
  }
}
</script>
<body>

<table border="1" id="table1">
<tr>
<td>CSDN-1</td>
<td>CSDN-2</td>
<td>CSDN-3</td>
</tr>
<tr>
<td>CSDN-4</td>
<td>CSDN-5</td>
<td>CSDN-6</td>
</tr>
</table>
<button onclick="showText()">showText</button>
<textarea id="text1" rows="10" cols="100"></textarea>
</body>
</html>



本文转载自:http://blog.csdn.net/u014481096/article/details/44221445

共有 人打赏支持
秦学强

秦学强

粉丝 0
博文 69
码字总数 0
作品 0
海淀
程序员
私信 提问
前端常用功能记录(三)—datatables表格初始化

其实上篇说的也算是jQuery Datatables的初始化,但主要是对某些字段意义的理解。下面记录的是datatables常用的功能的初始化。 数据源 我经常使用的有两种,一种是JavaScript 中的数组,通过在...

zhoujie0111
2015/03/02
0
0
抢先预览 ExtJS 4.2 的表格控件

在新发布的Ext JS 4.2测试版中,我们做了许多的改动。你可以在论坛公告处查看所有详细信息。在这篇文章中,我们将着重介绍性能提升的Grid组件。在之前关于Ext Js 4.1性能和基于此版本的应用的...

oschina
2013/01/23
2.8K
1
js-xlsx + handsontable + echarts实现excel上传编辑然后显示成图表

js-xlsx + handsontable + echarts 实现在前端导入excel数据并生成echart报表 前言 最近都在做类似 ERP 的项目,所以呢,又碰到一个比较变态的需求(至少对我来说是),在前端导入 excel 文件, 然...

noahlam
2018/09/12
0
0
【JavaScript】自制的Excel变Json工具

有时候我们需要将Excel的内容变成Json,虽然这些工具在如同在《【jQuery】jQuery对本地json的读取和遍历》(https://my.oschina.net/u/3776619/blog/1813174)所提到的,网上一搜一大把,但是...

yongh701
2018/09/01
0
0
Sigma Grid数据表格

Sigma Grid 是一个基于 Ajax 的数据表格,用以显示滚动的表格以及进行单元格数据的在线编辑,支持各种流行的浏览器,提供服务器端的集成解决方案,包括 PHP、Java、.NET 和 Perl。主要功能包...

wanganf
2012/02/29
0
0

没有更多内容

加载失败,请刷新页面

加载更多

node调用dll

先安装python2.7 安装node-gyp cnpm install node-gyp -g 新建一个Electron-vue项目(案例用Electron-vue) vue init simulatedgreg/electron-vue my-project 在package.json中的scripts里添......

Chason-洪
12分钟前
0
0
Linux系统快速查找文件的技巧

Linux常用命令中,有些命令可以帮助我们查找二进制文件,帮助手册或源文件的位置,也有的命令可以帮助我们查找磁盘上的任意文件,今天我们就来看看这些命令如何使用。 which which命令会在P...

Linux就该这么学
14分钟前
0
0
dotConnect for Oracle入门指南(八):通过OracleCommand类使用存储过程

【下载dotConnect for Oracle最新版本】 dotConnect for Oracle(原名OraDirect.NET)建立在ADO.NET技术上,为基于Oracle数据库的应用程序提供完整的解决方案。它为设计应用程序结构带来了新的...

电池盒
15分钟前
0
0
JavaScript是如何工作的:深入类和继承内部原理 + Babel和TypeScript 之间转换

摘要: 深入JS系列15。 原文:深入类和继承内部原理 + Babel和TypeScript 之间转换 作者:前端小智 Fundebug经授权转载,版权归原作者所有。 这是专门探索 JavaScript 及其所构建的组件的系列...

Fundebug
25分钟前
1
0
js 引用传值问题踩坑

先自测一下,答案在最下边。 <html><head><script type="text/javascript" src="/jquery/jquery.js"></script><script type="text/javascript">$(document).ready(function(){$("button......

S三少S
36分钟前
12
1

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部