如何在javascript中动态地从表单元格中获取值

这是我的代码，我正在尝试通过onclick动态生成一个表单元格来获取值

let Table = document.querySelector('#recieve-info');
Table.addEventListener('click',(e)=>{     
     if(e.target && e.target.classList.contains('Save-Button')){
        let tr = document.querySelector('tr');
        console.log(tr.firstElementChild);
    }
});

下面是console.log中的输出

.querySelector（）

只返回第一个匹配的元素

使用

.querySelectorAll（）

，它将返回所有匹配元素的数组。然后必须遍历数组

        let trs = document.querySelectorAll('tr'); //**** <- note "All" added
        trs.forEach(tr => console.log(tr.firstElementChild));

让trs=document.querySelectorAll（'tr'）；//***log（tr.firstElementChild））；

谢谢，它确实起作用了。它将始终打印所有值，而且最好不要搜索所有文档，而是使用e.target？@PaulineNemchak yes，yes。我并不是说这是做事情的最佳方式，只是解释了为什么特定代码不起作用。一般来说，我建议在这种DOM提取风格上使用React。