要捕捉动态表格中的HTML元素的值,可以使用JavaScript来实现。以下是一种解决方法的代码示例:
HTML代码:
名称
价格
JavaScript代码:
function captureValues() {
var table = document.getElementById("myTable");
var rows = table.getElementsByTagName("tr");
// 从第二行开始遍历每一行
for (var i = 1; i < rows.length; i++) {
var cells = rows[i].getElementsByTagName("td");
var name = cells[0].getElementsByTagName("input")[0].value;
var price = cells[1].getElementsByTagName("input")[0].value;
console.log("名称:" + name + ",价格:" + price);
}
}
上述代码中,我们首先通过getElementById
方法获取到包含表格的父级元素。然后,使用getElementsByTagName
方法获取所有的行元素。接下来,我们从第二行开始遍历每一行,并通过getElementsByTagName
方法获取到当前行中的所有列元素。然后,通过索引获取到每个单元格中的input
元素,并获取其值。
最后,我们可以使用捕捉到的值进行进一步处理,例如在控制台打印出来。
在HTML中,我们添加了一个按钮,并在按钮的onclick
事件中调用了captureValues
函数,以便在点击按钮时触发捕捉值的操作。
请注意,上述代码示例中的表格只有两列,如果表格中有更多列或其他不同的结构,您需要根据实际情况进行相应的调整。
下一篇:捕捉动态更新表中的更改