Js获取table当前tr行的值的代码

以下是“Js获取table当前tr行的值的代码”的完整攻略：

Js获取table当前tr行的值的代码

在JavaScript中，可以使用以下代码来获取table当前tr行的值：

var table = document.getElementById("tableId");
var rows = table.getElementsByTagName("tr");
for (var i = 0; i < rows.length; i++) {
  rows[i].onclick = function() {
    // 获取当前行的值
    var cells = this.getElementsByTagName("td");
    var value1 = cells[0].innerHTML;
    var value2 = cells[1].innerHTML;
    // 执行其他操作
  }
}

以上代码中，首先获取table元素和所有的tr元素。然后，使用for循环遍历所有的tr元素，并为每个tr元素添加一个onclick事件。当用户单击某个tr元素时，将执行onclick事件处理程序。在事件处理程序中，使用getElementsByTagName方法获取当前行的所有td元素，并使用innerHTML属性获取每个td元素的值。

以下是两个示例说明：

示例1：如果您想获取table中某一行的值，请按照以下步骤进行操作。首先，使用document.getElementById方法获取table元素。然后，使用getElementsByTagName方法获取所有的tr元素。接下来，使用for循环遍历所有的tr元素，并为每个tr元素添加一个onclick事件。在事件处理程序中，使用getElementsByTagName方法获取当前行的所有td元素，并使用innerHTML属性获取每个td元素的值。最后，将获取到的值用于其他操作。

示例2：如果您想获取table中多行的值，请按照以下步骤进行操作。首先，使用document.getElementById方法获取table元素。然后，使用getElementsByTagName方法获取所有的tr元素。接下来，使用for循环遍历所有的tr元素，并为每个tr元素添加一个onclick事件。在事件处理程序中，使用getElementsByTagName方法获取当前行的所有td元素，并使用innerHTML属性获取每个td元素的值。最后，将获取到的值存储在数组中，以便后续使用。