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

来源:互联网 发布:淘宝天猫优惠券赚佣金 编辑:程序博客网 时间:2024/06/05 05:09

<script>
var h=1;
function ff(d)
{
  var a=d.getElementsByTagName("td");
  if(event.srcElement.tagName.toLowerCase()=='td'&&h==1)
  {h++;
  for(var i=0;i<a.length;i++)
  {  var j=a[i].innerHTML;
   a[i].innerHTML='<input type="text" value='+j+'></input>';
  }
  }
 dd();
}

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>