js 控制table 新增一行或一列

    xiaoxiao2021-12-14  17

    <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就多显示一列
    转载请注明原文地址: https://ju.6miu.com/read-964508.html

    最新回复(0)