js 添加表格

1 向上添加 insertRow

 function insRow()
  {
  var x=document.getElementById('myTable').insertRow(0)
  var y=x.insertCell(0)
  var z=x.insertCell(1)
  y.innerHTML="NEW CELL1"
  z.innerHTML="NEW CELL2"
  }

2 往底部添加 采用appendChild

 

function init(){ 
_table=document. getElementById ("table");
_table.border="1px";
_table.width="800px";

for(var i=1;i<10;i++){
　　var row=document. createElement ("tr"); 
　　row.id=i;
　　for(var j=1;j<6;j++){
　　　var cell=document. createElement ("td"); 
　　　cell. id =i+"/"+j;
　　　cell.appendChild(document. createTextNode ("第"+cell.id+"列")); 
　　　row. appendChild (cell); 
　　}
　　document.getElementById("newbody"). appendChild (row); 
　}
}

 

添加行，使用appendChild方法 写道

function addRow(){
var length=document.getElementById("table").rows.length;
/*document.getElementById("newbody").insertRow(length);
　 　document.getElementById(length+1).setAttribute("id",length+2);*/
　　var tr=document.createElement("tr");
　　tr.id=length+1;
　　var td=document.createElement("td"); 
　　for(i=1;i<4;i++){
　　　　td.id=tr.id+"/"+i;
　　　　td.appendChild(document.createTextNode("第"+td.id+"列"));
　　　　tr.appendChild(td);

　　} 
　　document.getElementById("newbody"). appendChild (tr); 
}