点击一个表格行，生成对应的input去修改表格中的内容

最新推荐文章于 2021-08-21 16:43:24 发布

wangdabin_1216

最新推荐文章于 2021-08-21 16:43:24 发布

阅读量492

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/wangdabin_1216/article/details/8189962

本文介绍了一种使用JavaScript操作HTML表格的方法，包括如何通过点击事件将表格单元格内的静态文本转换为可编辑的输入框，并实现了在每行末尾自动添加修改链接的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function dd()
{
alert("fasd");
var tableDom=document.getElementById("table1");

var rows=tableDom.rows;
alert(rows.length);
var row=rows[0];
var cells=row.cells;
alert(cells.length);
var trDom=document.getElementById("table1").getElementsByTagName("tr");
for(var j=0;j<trDom.length;j++){
var nn=trDom[j].insertCell(cells.length);
nn.innerHTML="<a href='#'>修改</a>";

}
}

</script>
<html>
<body>
<table id="table1">
<tr id="wo" onclick="ff(this)"><td>wsdf</td><td>worei</td><td>wer</td></tr>
</table>
</body>