Javascript 如何根据我单击的按钮行从表行中查找值

没有jQuery涉及pls。我刚刚开始学习javascript。
我想在单击class='detail'按钮时查找表的class='id'。
我设法指向class='id'，但我无法从中获得价值，为什么

var-button=document.getElementsByClassName（“细节”）；
用于（var i in按钮）{
按钮[i]。onclick=function（）{
var行=此最近值（“tr”）；
var id=row.getElementsByClassName（“id”）；
var值=id.innerText；
console.log（id）；
console.log（value）；//此处显示未定义
}
}

123
abc
细节
456
def
细节

getElementsByClassName

返回包含多个匹配元素的

HTMLCollection

。与数组一样，您可以使用

[0]

var-button=document.getElementsByClassName（“细节”）；
用于（var i in按钮）{
按钮[i]。onclick=函数（）{
var行=此最近值（“tr”）；
var id=row.getElementsByClassName（“id”）；
var value=id[0]。innerText；
console.log（id）；
console.log（值）；
}
}

123
abc
细节
456
def
细节

谢谢！！为了达到这一点，我们一直在互联网上寻找解决方案，但这只是最后一小步……您也可以使用它仅返回第一个匹配元素