当前位置：首页 → 问答吧 → js 自动添加列?????

js 自动添加列?????

时间：2011-12-05

来源：互联网

我现在想实现这样一个功能：在一个现有的一行两列的表格中，点击添加按钮，能够自动的在原来的表格的右边添加一行两列，请高手帮忙，js 我该怎么写啊？？？？？在线等．？？？？？？？？？？？

js:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>

<BODY>
<table id="table1" align="center" border=1>
<tr>
<td style="" align="center" colspan="2">111</td>
</tr>
<tr>
<td align="center" width="90" class="">222</td>
<td align="center" width="120" class="">333</td>
</tr>

</table>
<table id="table1" align="center" border=1>
<tr>
<td> <input type="button" name="add" onclick="addrow()" value="添加"/></td>
</tr>
　</table>

</BODY>
</HTML>

作者: jackfxh 发布时间: 2011-12-05

HTML code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE></TITLE>
  <style>
  #mylocation table{
    float:left;
   }


  </style>
 </HEAD>

 <BODY>
 <div id="mylocation">
  <table id="table1" align="center" border=1>
<tr>
<td style="" align="center" colspan="2">111</td>
</tr>
<tr>
<td align="center" width="90" class="">222</td>
<td align="center" width="120" class="">333</td>    
</tr>


  </table></div>
  
  <br/>
  <table id="table1" align="center" border=1>
<tr>
<td> <input type="button" name="add" onclick="addrow()" value="添加"/></td>    
</tr>
　</table>
<Script>
addrow = function(){
    var s = '<table id="table1" align="center" border=1><tr><td style="" align="center" colspan="2">111</td></tr><tr><td align="center" width="90" class="">222</td><td align="center" width="120" class="">333</td></tr>';
    var l = document.getElementById("mylocation");
    l.innerHTML += s;
}
</Script>
 </BODY>
</HTML>

作者: p2227 发布时间: 2011-12-05

js 自动添加列?????

热门阅读

热门下载