我有一个 2 x 4 的表格,如下所述。它的最后一个单元格是空的。当我单击最后一个单元格时,我会在该单元格中得到 input type = "Date" 标签,如下面的 javascript 代码所述。我的问题是:- 如何在单击最后一个单元格的同时获取最后一行第一个单元格中的值(在本例中为 5)?在此先感谢您的帮助和指导。
<table>
<tr>
<th>ID</th><th>Name</th><th>Date From</th><th>Date To</th>
</tr>
<tr>
<td>2</td><td>John Doe</td><td>2023-05-02</td><td>2024-06-04</td>
</tr>
<tr>
<td>5</td><td>Mary Moe</td><td>2024-06-05</td><td></td>
</tr>
</table>
代码
代码 javascript
<script>
var table = document.getEle mentsByTagName( "table")[0];
var cells = table.getElemen tsByTagName("td ");
for (var i = 1; i < cells.length; i++)
{
var cell = cells[i];
cell.onclick = function()
{
if (this.innerHTML .trim() === "" && !this.querySele ctor("input"))
{
var field = document.创建元素(“输入”);
field.setAttrib ute("name", "cellDate") ;
field.setAttrib ute("type", "date");
cell.appendChil d(field);
}
}
}
</script>