点击按钮自动添加行 + 点击按钮,将行变为可输入的文本框

点击添加按钮   自动添加行





id="item2">18

id="item3">南京

id="item4">学习

姓名 性别 年龄 地址 爱好
张三

οnclick="addrow()" style="margin-left:180px;"/>

changeInput()"/>

function addrow()
{
var tr = document.createElement('tr');
       var cellsNum = table_id.rows[0].cells.length;
       for(var j = 0 ; j < cellsNum ; j++)
       {
          var td = document.createElement('td');
          td.innerHTML='';
          tr.appendChild(td);
       }
       table_id.tBodies[0].appendChild(tr);

}

function changeInput()
{
var button = document.getElementById("button").value; 
document.getElementById("button").value ="保存";    //点击修改按钮后,将修改变为保存

var item0 = document.getElementById("item0");    
var item1 = document.getElementById("item1");

  var itemA = item0.innerHTML;
  var itemB = item1.innerHTML;
 
  item0.innerHTML = "";
  item1.innerHTML = "";
 
}

你可能感兴趣的:(javascript)