js 控制table 新增一行或一列-CFANZ编程社区

js 控制table 新增一行或一列

<html> 


 <head> 


  <title> New Document </title> 


 <script type="text/javascript"> 


  function ss(){ 


   var subtable = document.getElementById('subject_tab'); 


   var i=subtable.rows.length; 


   var addrow=subtable.insertRow();//添加一行到第一行的位置行 


   var col1=addrow.insertCell(0);//添加列 


   col1.innerHTML='<img src="../static/images/shuxue.jpg" />'; 


//  var col2=addrow.insertCell(1);//添加一行到第一列的位置行 


var col2=addrow.insertCell(); 


   var j=subtable.rows[0].cells.length; //得到td的数目 


   alert(j); 


   col2.className="table01-td01";  


   col2.innerHTML='167'; 


  } 


 </script> 


 </head> 


 <body> 


 <input type="button" value="click me" οnclick="ss()" /> 


  <table id="subject_tab"  cellspacing="0" cellpadding="0" > 


 <tr><td>123</td></tr> 


    </table> 


 </body> 


</html>

效果就是一点按钮，table就多显示一列

0 条评论