<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就多显示一列
<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就多显示一列