How do I get data from a data table in javascript?

今天药忘吃喽~ 2022-03-29 06:11 139阅读 0赞

This is how I accomplished reading a table in javascript. Basically I drilled down into the rows and then I was able to drill down into the individual cells for each row. This should give you an idea

var oTable = document.getElementById('myTable');  
//gets table

var rowLength = oTable.rows.length;  
//gets rows of table

for (i = 0; i < rowLength; i++)\{  
//loops through rows

var oCells = oTable.rows.item(i).cells;  
//gets cells of current row  
var cellLength = oCells.length;  
for(var j = 0; j < cellLength; j++)\{  
//loops through each cell in current row  
  
  
\}  
\}  
UPDATED - TESTED SCRIPT

<table id="myTable">  
<tr>  
<td>A1</td>  
<td>A2</td>  
<td>A3</td>  
</tr>  
<tr>  
<td>B1</td>  
<td>B2</td>  
<td>B3</td>  
</tr>  
</table>  
<script>  
var oTable = document.getElementById('myTable');  
//gets table

var rowLength = oTable.rows.length;  
//gets rows of table

for (i = 0; i < rowLength; i++)\{  
//loops through rows

var oCells = oTable.rows.item(i).cells;  
//gets cells of current row  
var cellLength = oCells.length;  
for(var j = 0; j < cellLength; j++)\{  
//loops through each cell in current row  
  
var cellVal = oCells.item(j).innerHTML;  
alert(cellVal);  
\}  
\}  
</script>

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 get data from Nacos error,dataId:服务名

2023-11-23 09:44:35.595 ERROR 169 — \[ main\] c.a.n.client.config.impl.ClientWorker : \[

逃离我推掉我的手/ 2024年02月17日 09:52/ 0 赞/ 45 阅读

相关 How do I enable long file name support in Windows 10?

In the past, the maximum supported file length was 260 characters (256 usable after the

╰+攻爆jí腚メ/ 2024年02月17日 09:19/ 0 赞/ 32 阅读

相关 Accessing your Model's Data from a Controller

In this section, you'll create a new `MoviesController` class and write code that retrie

Myth丶恋晨/ 2022年10月10日 04:54/ 0 赞/ 116 阅读

相关 MySQL How to add a column in a table?

ALTER TABLE statement can change the structure of a table.You can use it to add, modify,

逃离我推掉我的手/ 2022年06月13日 13:24/ 0 赞/ 218 阅读

相关 Data-table表格

Table 表格：用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。 1、基础表格当el-table元素中注入data对象数组后（多行数据存成一

旧城等待，/ 2022年04月10日 13:26/ 0 赞/ 444 阅读

相关 How do I get data from a data table in javascript?

This is how I accomplished reading a table in javascript. Basically I drilled down into

今天药忘吃喽~/ 2022年03月29日 06:11/ 0 赞/ 140 阅读

相关 How to fix onSubmit data validation once and for a

How to fix onSubmit data validation once and for all in Scoped Applica So a little back

痛定思痛。/ 2022年01月11日 11:09/ 0 赞/ 199 阅读

相关 How do I obtain a Digital Certificate from my Certificate Authority (CA)?

How do I obtain a Digital Certificate from my Certificate Authority (CA)? This article

「爱情、让人受尽委屈。」/ 2021年12月17日 15:41/ 0 赞/ 176 阅读

相关 Compare Data from the Same Table in two Different Environments

The Oracle SQL below compares table1 that has 2 key fields and 3 regular fields. Note:

小灰灰/ 2021年11月13日 18:12/ 0 赞/ 189 阅读

相关用angular来思考问题How do I “think in AngularJS” if I have a jQuery background?

【翻译】How do I “think in AngularJS” if I have a jQuery background? 1. 不要先设计页面，然后再使用DOM操作

刺骨的言语ヽ痛彻心扉/ 2021年07月04日 15:48/ 0 赞/ 272 阅读