function editRow(r) { var i = r.parentNode.parentNode.rowIndex; var x = document.getElementById("myTable").rows[i].cells; for (var j=0; j<x.length-2; j++) { x[j].innerHTML="<input type='text' value='"+x[j].innerHTML+"'>"; }
时间: 2023-06-16 22:04:32 浏览: 122
JavaScript节点.pdf
这是一个 JavaScript 函数,用于编辑 HTML 表格中的某一行。
函数的参数 r 是一个 DOM 元素,表示该行的一个单元格。
函数使用 parentNode 属性获取该单元格的父节点,即该行的元素。
使用 rowIndex 属性获取该行在表格中的索引。
再使用 getElementById 方法获取表格元素,并使用 rows 属性获取所有行。
使用 cells 属性获取该行的所有单元格,将它们设置为变量 x。
通过一个 for 循环,遍历该行的所有单元格(除了最后两个单元格),为每个单元格创建一个 input 元素,并将该单元格的值作为 input 元素的 value 属性的值。
最后,将该单元格的 innerHTML 属性设置为新创建的 input 元素。这样,用户就可以在表格中编辑该行的数据了。
阅读全文