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

最新推荐文章于 2022-02-22 13:31:15 发布

最新推荐文章于 2022-02-22 13:31:15 发布 · 177 阅读

本文展示了一个简单的网页脚本实例，通过JavaScript动态修改表格单元格内容，并插入自定义链接，演示了如何在网页中进行交互式元素操作。

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>