JS获取table表格任意单元格值

最新推荐文章于 2022-07-25 20:03:13 发布
最新推荐文章于 2022-07-25 20:03:13 发布
阅读量1.9k 收藏 1
点赞数 1
分类专栏： jquery JavaScript

jsp页面表格布局

[html] view plain copy
  1. <body onload="show()">  
  2.    <center>  
  3.       <input type="text" value="111" id="mytext">  
  4.       <table border="1" width="60%" id="mytable">  
  5.           <tr>  
  6.               <td id="td1">第一行第一列</td><td id="td2">第一行第二列</td>  
  7.           </tr>  
  8.            <tr>  
  9.               <td>第二行第一列</td><td>第二行第二列</td><td>第二行第三列</td>  
  10.           </tr>  
  11.           <tr>  
  12.               <td>第三行第一列</td><td>第三行第二列</td>  
  13.           </tr>  
  14.       </table>  
  15.    </center>  
  16.  </body>  

js代码
[javascript] view plain copy
  1. <script type="text/javascript">  
  2.     function show(){  
  3.         // 获取id为 mytext 的普通元素值   
  4.         var mytext = document.getElementById("mytext").value;  
  5.           
  6.         //用标记id的td元素 获取值方法   
  7.         var td1 = document.getElementById("td1").innerHTML;  
  8.   
  9.         //用获取table(通过其id ) 获取指定的行，列   
  10.         var mytable = document.getElementById("mytable").rows[1].cells[2].innerHTML;  
  11.   
  12.         //遍历 table表格   
  13.         var s3 = document.getElementsByTagName("table")[0]; //获取第一个表格   
  14.           
  15.         alert(td1);    //第一行第一列   
  16.         alert(mytable);  //第二行第三列  
  17.         for(var i=0;i<s3.rows.length;i++){  
  18.             for(var j=0;j<s3.rows[i].cells.length;j++){  
  19.                 alert(s3.rows[i].cells[j].innerHTML);  
  20.             }  
  21.         }  
  22.     }  
  23. </script> 
u010784570
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
wps js宏获取工作簿、工作表、单元格的值、链接转图片、单元格区域数据转二维数组、保存工作簿的常用Excel操作
huaermeier的博客
02-05 2万+
wps js宏入门看这里，我写了常用的js操作Excel的方法：获取工作簿对象、获取工作表对象、获取单元格的值、链接转图片、生成条形码图片、单元格区域数据转二维数组方法、保存工作簿、弹出输入框、YesNo选择框，助你从VBA转战JS。
js读取excel单元格中的值,js读取excel内容并展示
最新发布
chatgpt002的博客
11-28 2426
在介绍这个库之前，我们先来介绍 Excel 的一些相关概念。workbook 对象：整个 Excel 文档，使用 js-xlsx 读取 Excel 文档之后就会获得 workbook 对象。worksheet 对象：Excel 文档中的表，一份 Excel 文档中可以包含很多表，而每张表对应的就是 worksheet 对象。cell 对象：worksheet 中的单元格，一个单元格就是一个 cell 对象。它们之间的关系如下：1234567891011121314。
js轻松搞定“获取table当前行，指定字段值“
weixin_52236586的博客
07-15 5047
js轻松搞定"获取table当前行，指定字段值"
js获取table的某个单元格的数据
相当rapper的程序员
03-24 2365
对于动态的table 表 直接上例子 <table class="table table-striped table-hover" id = "test"> <tr> <th>#</th> ...
js获取table表格数据并返回对象数组（工作记录）
weixin_43966996的博客
07-25 5694
此业务为通过原生JS获取table值，并返回一个对象数组
前台js将table转为Excel表格下载
06-06
本文将详细讲解如何使用JavaScript实现这一功能，主要基于提供的资源，特别是"前台js将table转为Excel表格下载"这个主题。 首先，我们要理解JavaScript（简称js）是一种在客户端运行的脚本语言，它可以与HTML和CSS...
jQuery UI拖拽到Table表格特效.zip
07-05
在“jQuery UI拖拽到Table表格特效”中，我们可以将页面上的任意元素（如文本、图片或者自定义对象）拖动到表格的特定单元格内，实现动态添加数据或调整数据布局的效果。这个特效的核心在于jQuery UI的`draggable`和...
jquery html5 canvas 图表插件获取表格数据值
11-06
然后，遍历每一行获取数据，如单元格（td）中的值： ```javascript var data = []; rows.each(function() { var cells = $(this).find('td'); var rowData = []; cells.each(function() { rowData.push($(this)....
任意改变table表格td的宽度 支持表格TD拖拽
09-01
标题“任意改变table表格td的宽度 支持表格TD拖拽”和描述中反复提到的“动态td的宽度”，就是指这种功能，即允许用户通过拖动来调整表格单元格的宽度。 实现这一功能通常需要结合JavaScript（或者更高级的库如...
JavaScript生成带有缩进的表格代码
10-22
在JavaScript编程中，生成带有缩进的表格是一种常见的需求，特别是在数据展示或者用户管理系统的界面设计中。这种表格能够清晰地展示层次结构的数据，使用户更容易理解和操作。本篇文章将详细解析如何使用JavaScript...
js获取table行 列 的值
03-20
js获取table 中 tr td的值的实例,有需要的朋友可以下下来参考
JavaScript获取table中某一列的值的方法
10-25
主要介绍了JavaScript获取table中某一列的值的方法,需要的朋友可以参考下
js获得table的值
lemon
02-15 758
&lt;!DOCTYPE HTML&gt;   &lt;html&gt;   &lt;head&gt;   &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;   &lt;title&gt;moban&lt;/title&gt;   &lt;script src
利用JS取TABLE中的值
ZhangGuozhong's Blog
10-30 176
&lt;script language="javascript"&gt;  var sum=0;  var lengths1 = document.all("yaoje");  var lengths2 = document.all("xiangje");    if(!lengths1.length)  {    sum+=parseFloat(document.all("yaoje").inn...
JS 获取Table中td值
damaolly的专栏
03-16 6593
1、当要获取多行中的任意TD时，采用给每个TD设置一个共同的class                                     002                             爱流量APP互联网推广                             集团市场部                             2015-3-16      
js获取单元格内容
wjt276的专栏
08-21 229
[code="java"] 1-1 1-2 2-1 2-2 3-1 3-2 [/code] [code="java"] var table = document.getElementById("bg"); for(var i=0;i
JS获取填报扩展单元格控件的值
weixin_34365635的博客
07-14 161
问题描述填报预览时，我们想获取到某个控件的值相对来说较容易。但如果控件是扩展的，就只能获取到第一个值，无法根据扩展一行行获取对应的值。 例：本意是想获取到袁成洁，结果还是获取到第一个单元格值孙林。 解决方法我们可以通过js事件来获取对应行控件的值。 示例新建一个模板，添加数据集ds1：SELECT * FROM 销量 A1单元格设置下...
js 获取html table单元格内容,获取单元格内输入框中的内容
blueskyliulan的专栏
12-05 4979
1.获取单元格内容 var table = document.getElementById("myGrid");  var content = table.rows[i].cells[i].innerHTML; 2.获取单元格内输入框中的内容 table.rows[1].cells[2].childNodes[0].value；
html table获取当前行数据
06-28
例如，获取第一个数据单元格和第二个数据单元格的值，并将它们输出到控制台。 通过这种方法，可以很方便地获取 HTML 表格的当前行数据，并进行后续处理。同时，还可以根据需要自定义事件监听器，实现更多的功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值