<table border="1" cellpadding="2" cellspacing="0" width="75%" bordercolor="#000000">
<tbody><tr bgcolor="mediumblue">
<td width="20%"><p align="center"><font face="Arial" color="white" size="2"><strong>SUB CODE</strong></font></p></td>
<td width="26%"><p align="left"><font face="Arial" color="white" size="2"><strong>SUB NAME</strong></font></p></td>
<td width="13%"><p align="left"><font face="Arial" color="white" size="2"><strong>THEORY</strong></font></p> </td>
<td width="10%"><p align="left"><font face="Arial" color="white" size="2"><strong>PRACTICAL</strong></font></p> </td>
<td width="17%"><p align="left"><font face="Arial" color="white" size="2"><strong>MARKS</strong></font></p></td>
<td width="14%"><p align="center"><font face="Arial" color="white" size="2"><strong>GRADE</strong></font></p></td>
</tr>
<tr bgcolor="#ffffff">
<td align="middle"><font face="Arial" size="2"> 042</font></td>
<td align="left"><font face="Arial" size="2">PHYSICS</font></td>
<td align="left"><font face="Arial" size="2">027</font></td>
<td align="left"><font face="Arial" size="2">028</font></td>
<td align="left"><font face="Arial" size="2">055 </font></td>
<td align="middle"><font face="Arial" size="2">D1</font></td>
</tr>
<tr bgcolor="#e6e6fa">
<td align="middle"><font face="Arial" size="2">043</font></td>
<td align="left"><font face="Arial" size="2">CHEMISTRY</font></td>
<td align="left"><font face="Arial" size="2">026</font></td>
<td align="left"><font face="Arial" size="2">029</font></td>
<td align="left"><font face="Arial" size="2">055 </font></td>
<td align="middle"><font face="Arial" size="2">D2</font></td>
</tr>
<tr bgcolor="mediumblue">
<td> </td>
<td colspan="5"><b><font face="Arial" size="2" color="white">Result: XXXX
<!-- : -->
</font></b> <b><font face="Arial" size="2" color="white"> </font></b></td>
</tr>
</tbody></table>我上面的代码片段创建了一个表。我想MARkS从表格中提取并将其存储在数组中。
document.getElementsByTagName("table")[0].cells[3]
输出为 UNDEFINED
那我该怎么办呢？
注意：我无法编辑页面的html。
要访问第3列，您只需要进行一些更改。首先是为表添加ID：
<table id="table1" ...>
第二次将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并且i将成为您想要的行和j您的列（在本例中为number 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]，因此它是文档主体中的第一个表，然后rows[0]意味着它是第一行，cells[3]意味着它是第四列，并将textContent为您从单元格中提取数据。
希望这可以帮助。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句