Javascript 如何从html中的可单击列获取行数据

我很抱歉，如果这个问题是张贴

但是我有一张桌子，按钮在最后一列

我可以使一行可点击，并且可以获取该行的数据，如下面的代码所示

但我希望通过单击单击按钮而不是单击该行来获取该行的数据 任何能帮忙的人都将不胜感激 谢谢

这是桌子

var table=document.getElementById（'table'）；
var button=document.getElementById（'button'）；
对于（var i=0；i

表tr:not（：第一个子项）{
光标：指针；
过渡：所有.25秒轻松进出；
}
表tr：非（：第一个子项）：悬停{
背景色：#ddd；
}

名字：


姓氏：


年龄：


名字
姓
年龄
按钮
FN1
LN1
10
点击
FN2
液氮
20
点击
FN3
LN3
30
点击
FN4
LN4
40
点击
FN5
LN5
50
点击

您可以将事件处理程序添加到单元格索引3

表.rows[i].cells[3]

中，并使用

this.parentNode.cells

访问单元格

for (var i = 0; i < table.rows.length; i++) {
                 table.rows[i].cells[3].onclick = function () {
                document.getElementById("fname").value = this.parentNode.cells[0].innerHTML;
                document.getElementById("lname").value = this.parentNode.cells[1].innerHTML;
                document.getElementById("age").value = this.parentNode.cells[2].innerHTML;
             };

for（变量i=0；i

在输入文本中显示选定的HTML表格TR值
表tr：非（第一个孩子）{
光标：指针；
过渡：所有.25秒轻松进出；
}
表tr：非（：第一个子项）：悬停{
背景色：#ddd；
}
名字：


姓氏：


年龄：


名字
姓
年龄
按钮
FN1
LN1
10
点击
FN2
液氮
20
点击
FN3
LN3
30
点击
FN4
LN4
40
点击
FN5
LN5
50
点击
var table=document.getElementById（'table'）；
var button=document.getElementById（'button'）；
对于（var i=0；i

您应该将事件附加到相应的按钮上，而不是tr元素。此外，您应该从1开始循环以忽略第一个tr（表头）元素。您还必须找到最近的tr元素才能找到要分配文本的单元格：

var table=document.getElementById（'table'）；
var button=document.getElementById（'button'）；
对于（变量i=1；i

表tr:not（：第一个子项）{
光标：指针；
过渡：所有.25秒轻松进出；
}
表tr：非（：第一个子项）：悬停{
背景色：#ddd；
}

名字：


姓氏：


年龄：


名字
姓
年龄
按钮
FN1
LN1
10
点击
FN2
液氮
20
点击
FN3
LN3
30
点击
FN4
LN4
40
点击
FN5
LN5
50
点击

谢谢你救了我的命：）谢谢你，伙计：）