如何使用javascript从表中获取第二个td值

如何使用javascript从表中获取第二个td值,javascript,typescript,angular6,Javascript,Typescript,Angular6,尝试获取表的tr second td值,但不起作用。我认为在chrome或firefox中,最接近的值不能正常工作。我在angular 6中使用此脚本。如何解决此问题 const target = e.originalEvent.toElement.closest('td'); 在阅读问题标题并查看下拉列表中的“获取ID”选项时,我假设您只是想知道如何将当前表行的ID写入组件。selectedVal 由于您是通过迭代组件.data数组来构建单个表行,因此解决方案是直接的。只需将下面的事件处理程

尝试获取表的tr second td值,但不起作用。我认为在chrome或firefox中,最接近的值不能正常工作。我在angular 6中使用此脚本。如何解决此问题

const target = e.originalEvent.toElement.closest('td');

在阅读问题标题并查看下拉列表中的“获取ID”选项时,我假设您只是想知道如何将当前表行的ID写入
组件。selectedVal

由于您是通过迭代
组件.data
数组来构建单个表行,因此解决方案是直接的。只需将下面的事件处理程序添加到您的
p下拉列表中
元素,并去掉方法
组件.onSelectType

(onChange)="selectedVal= data"

请看一下这个

请编写html文件too@miladfm:您尝试过任何调试吗?您确定
target
是否正确抓取了
tr
元素?@StephenMIrving:e.originalEvent.toElement工作正常,但最近的元素工作不正常working@NilaVaani,解决方案是纯javascript形式。。在stackblitz中,我无法获取行
e.originalEvent.toElement.closest('div')
executable。。你能告诉我在选择类型(e)中查看控制台需要做什么吗我已经尝试在选择框中输入一些文本,但它没有运行。。