需要使用 vanilla Javascript 從 HTML 表單中獲取數據

Question

我正在嘗試從網頁上的表單中獲取一些簡單的數據。 應該很簡單，但是一，我不能使用 jQuery，它必須是普通的 JS，二，它在一個遺留系統上，所以它只能在 IE11 中工作。

這是我正在使用的表單字段的圖像：

我需要獲取 label 的 ID 和紅色框中所示的字段值。 這就是他們將其映射到數據庫的方式。 我必須將它們拉到表格上，然后將它們放入電子表格中。

我嘗試過的最簡單的方法是使用：

document.getElementById('Section1_0').getElementsByTagName('*');

當然，這有點矯枉過正，因為我回到了 DOM 中的每個節點，然后我必須使用JSON.parse()或類似的東西來解析它。

簡而言之，如果有一種更簡單的方法來獲取 ID 和值，那就太好了。 如果我必須創建一個數組，然后對其進行迭代以提取 Id 和值，我也可以這樣做。 我已經嘗試了一些東西，但由於表單的結構不一致，我正將頭撞到牆上。

任何幫助是極大的贊賞。

Answer 1

我希望這能幫到您。

 const labels = document.getElementsByTagName("label"); Array.from(labels).forEach(label => { const labelText = label.innerHTML; const labelId = label.getAttribute('id'); console.log(labelText); console.log(labelId); });

 <label id="label_id_1">Lable 1</label><br> <label id="label_id_2">Lable 2</label><br> <label id="label_id_3">Lable 3</label><br> <label id="label_id_4">Lable 4</label><br> <label id="label_id_5">Lable 5</label><br>