javascript – 如何从HTML中的表的列中获取数据

前端之家收集整理的这篇文章主要介绍了javascript – 如何从HTML中的表的列中获取数据前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有上面的代码片段,它创建了一个表.我想从表中提取MARKS并将其存储在一个数组中.

document.getElementsByTagName("table")[0].cells[3]

输出为UNDEFINED

那我该怎么办呢?

注意:我无法编辑页面的html.

最佳答案
要访问第3列,您只需要进行一些更改.
首先是为表添加id:

第二次将JavaScript代码更改为:

var table1 = document.getElementById("table1")
for(var i = 0; i < table1.rows.length; i++) {
    var cell_value = table.rows[i].cells[3].textContent;
}

然后,您可以使用cell_value

或者只是使用document.getElementById(“table1”).rows [i] .cells [j] .textContent,我将是你想要的行和你的列(在这种情况下是3号):

document.getElementById("table1").rows[0].cells[3].textContent

要避免页眉和页脚(如果表中存在< thead>或< tfoot>),您需要更改循环:

for(var i = 1; i < table1.rows.length - 1; i++) { ...

i = 1表示页眉,table1.rows.length – 1表示页脚.

如果您无法向表中添加id =“”,则可以尝试使用此JavaScript代码

var cell_value = document.getElementsByTagName("table")[0].rows[0].cells[3].textContent;

document.getElementsByTagName(“table”)[0]是你的索引[0]的表,所以它是文档体中的第一个表,然后行[0]表示它是第一行,单元格[3]表示它是第四行column,textContent将为您提取单元格中的数据.

希望这可以帮助.

原文链接:https://www.f2er.com/js/425467.html

猜你在找的JavaScript相关文章