Javascript 如何在HTML中从表的列中获取数据

子代码

子名称

理论
实用
标记

等级

042
物理学
027
028
055
D1
043
化学
026
029
055
D2
结果：XXXX

此解决方案是可行的：

table.find('tr').each(function (i, el) {
    var $tds = $(this).find('td'),
        productId = $tds.eq(0).text(),
        product = $tds.eq(1).text(),
        Quantity = $tds.eq(2).text();
    // do something with productId, product, Quantity
});

---

要访问第3列，只需进行少量更改。 首先是为表添加id：

<table id="table1" ...>

要避免页眉和页脚（如果表中存在

或

），您需要更改循环：

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

document.getElementsByTagName（“表”）[0]

是索引为

[0]

的表，因此它是文档正文中的第一个表，然后

行[0]

表示它是第一行，

单元格[3]

表示它是第四列，

textContent

将为您从单元格中提取数据

希望这有帮助

document.getElementsByTagName("table") 

返回DOM元素的数组。很难从数组列表中找出您的表

选择表的最佳方法是将id与其关联，并使用

document.getElementById

<table  id="my-table" border="1" cellpadding="2" cellspacing="0" width="75%" bordercolor="#000000">

此外，您需要指定单元格前的行以选择特定单元格，即第一个单元格

document.getElementById("my-table").rows[0].cells[0]

---

您可以将表格和单元格放入不同的变量中，以便于调试。 在此示例中，您需要为表定义一个id名称，如下所示

---

这是一个非常基本的问题。我建议您首先使用jQuery函数，比如parent、children、sibling，查找哪些函数可以轻松完成您的工作。见@yogihosting相当糟糕的建议。当OP可以不使用jQuery时，触摸jQuery是有意义的。getElementsByTagName返回一个数组。关闭，但需要排除页眉和页脚。是的，@dfsq您是对的。谢谢我正在编辑我的答案。@KamilWozniak语义上你没有错。并非所有表都有标题和标题footers@JacobGeorge谢谢，我的回答对确切的情况来说是可以的，但是现在更复杂了，假设作者想要添加页眉或页脚，它会更有用。页脚不一定在表的末尾，它可以在页眉之后。最好使用

rows=table1.getElementsByTagName（'tbody'）[0].getElementsByTagName（'tr'）
document.getElementsByTagName("table") 

<table  id="my-table" border="1" cellpadding="2" cellspacing="0" width="75%" bordercolor="#000000">

document.getElementById("my-table");

document.getElementById("my-table").rows[0].cells[0]

var table = document.getElementByID("tbl");
var d = table.getElementsByTagName("tr")[0],
var r = d.getElementsByTagName("td")[0];