需要使用普通Javascript从HTML表单中获取数据

需要使用普通Javascript从HTML表单中获取数据,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我试图从网页上的表格中获取一些简单的数据。应该很简单,但是第一,我不能使用jQuery,它必须是纯JS,第二,它在遗留系统上,所以只能在IE11中工作 下面是我正在处理的表单字段的图像: 我需要获得标签的ID和字段的值,如红色框中所示。这就是他们将其映射到数据库的方式。我必须把这些写在表格上,然后放在电子表格里 我尝试过的最简单的方法是使用: document.getElementById('Section1_0').getElementsByTagName('*'); 当然,这有点过分了,

我试图从网页上的表格中获取一些简单的数据。应该很简单,但是第一,我不能使用jQuery,它必须是纯JS,第二,它在遗留系统上,所以只能在IE11中工作

下面是我正在处理的表单字段的图像:

我需要获得标签的ID和字段的值,如红色框中所示。这就是他们将其映射到数据库的方式。我必须把这些写在表格上,然后放在电子表格里

我尝试过的最简单的方法是使用:

document.getElementById('Section1_0').getElementsByTagName('*');
当然,这有点过分了,因为从那时起,我得到了DOM中的每个节点,然后我必须使用类似于
JSON.parse()
或类似的东西来解析它

简而言之,如果有一种更简单的方法只获取ID和值,那就太好了。如果我必须创建一个数组,然后迭代该数组来提取ID和值,我也可以这样做。我试过一些方法,我的头撞在墙上,因为表单的结构不一致


非常感谢您的帮助

我希望这会对你有所帮助

const labels=document.getElementsByTagName(“标签”);
Array.from(标签).forEach(标签=>{
const labelText=label.innerHTML;
const labelId=label.getAttribute('id');
控制台日志(labelText);
控制台日志(labelId);
});
标签1
标签2
标签3
标签4

标签5
我认为这可能会有所帮助:没有显示表单输入