赞助连接

赞助连接

阅 读 文 章

用javascript增加表格问题

[来源:网上转载 (CSDN转载) | 作者:网友(enaking) | 时间:2008-09-25 | 浏览:人次 ]

我每次点增加时就能增加一个和上面相同表格(arrTable)也就是动态增加一个表格.我照网上源代 *** 写了如下代 *** ,但就是没有反应,谢谢大家帮我看看哪错了.  
  <html>  
  <head>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <title>无标题文档</title>  
  <SCRIPT   type="text/javaScript">  
  var   index=1;  
  function   addline()  
  {  
  //window.alert("aa")  
  var   getTable   =document.getElementById("arrTable");  
  var   oTable=document.createElement("table");  
  oTable.setAttribute("type","oTable");  
  index++;  
  var   name=oTable+index;  
  getTable.appendChild(oTable);  
  var   br=document.createElement("br");  
  getTable.appendChild(br);  
  window.alert("aa");  
   
  }  
  </SCRIPT>  
  </head>  
   
  <body>  
   
  <table   width="766"   height="62"   border="1"   cellpadding="1"   cellspacing="1"   id="arrTable">  
      <tr>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
      </tr>  
  </table>  
  <p>&nbsp;</p>  
  <table   width="766"   border="1"   cellspacing="1"   cellpadding="1">  
      <tr>  
          <td   align="center"><input   type="button"   name="Submit"   value="增     加"   onclick="javascript:addline()"></td>  
      </tr>  
  </table>  
  </body>  
  </html>  
   
  参照代 *** :  
  <input   type="button"   value="继续添加"   onclick="append();"/>  
  <div   id="div1">  
  <input   type="file"   name="file1">  
  <div>  
   
  <script   language="javascript">  
  var   index=1;  
  function   append()  
  {  
  var   div   =document.getElementById("div1");  
  var   file=document.createElement("input");  
  file.setAttribute("type","file");  
  index++;  
  var   name=file+index;  
  file.setAttribute("name",name);  
  div.appendChild(file);  
   
  var   br=document.createElement("br");//换行  
  div.appendChild(br);  
  }  
  </script>  
   
   
  在线等待......
IE没有报错,说明代 *** 没有问题……没有问题怎么就不出现呢?奇怪了……  
  偶也新手,很多东西不明白的说~我改写了一点,能够有一点效果了,但是实现不了LZ的要求……  
   
  <SCRIPT   type="text/javaScript">  
  var   index=1;  
  function   addline()  
  {  
  //window.alert("aa")  
  var   getTable   =document.getElementById("arrTable");  
  var   oTable=document.createElement("table");  
  oTable.setAttribute("type","oTable");  
  index++;  
  var   name=oTable+index;  
  getTable.appendChild(oTable);  
  var   br=document.createElement("br");  
  getTable.appendChild(br);  
  window.alert("aa");  
   
   
   
  }  
  </SCRIPT>  
   
   
   
  <div   id="arrTable">  
  <table   width="766"   height="62"   border="1"   cellpadding="1"   cellspacing="1">  
  <tr>  
  <td   rowspan="3">&nbsp;</td>  
  <td   rowspan="3">&nbsp;</td>  
  <td   rowspan="3">&nbsp;</td>  
  <td   rowspan="3">&nbsp;</td>  
  <td   height="20">&nbsp;</td>  
  <td   height="20">&nbsp;</td>  
  <td   rowspan="3">&nbsp;</td>  
  </tr>  
  <tr>  
  <td   height="20">&nbsp;</td>  
  <td   height="20">&nbsp;</td>  
  </tr>  
  <tr>  
  <td   height="20">&nbsp;</td>  
  <td   height="20">&nbsp;</td>  
  </tr>  
  </table>  
  </div>  
   
  <p>&nbsp;</p>  
  <p>&nbsp;</p>  
   
  <input   type="button"   name="Submit"   value="增   加"   onClick="javascript:addline()">
但是这样还是现实不了LZ要求的表格啊!估计问题所在地:  
  var   getTable   =document.getElementById("arrTable");  
  var   oTable=document.createElement("table");  
   
  只有等高手了……
谢谢楼上这位大哥,各位高手,在线等待+解决了就结贴
高手啊,继续等你,明早起来就看贴
大家贴过去就能看到效果
up
<SCRIPT   type="text/javaScript">  
  var   index=1;  
  function   addline()  
  {  
  var   oTable   =document.getElementById("mm").cloneNode(true);  
  var   getDiv       =document.getElementById("mm");  
  getDiv.appendChild(oTable);  
  }  
  </SCRIPT>  
   
  <div   id=mm>  
  <table   width="766"   height="62"   border="1"   cellpadding="1"   cellspacing="1"   ID="Table2">  
      <tr>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
      </tr>  
  </table>  
  <BR>  
  </div>  
  <p>&nbsp;</p>  
  <table   width="766"   border="1"   cellspacing="1"   cellpadding="1"   ID="Table1">  
      <tr>  
          <td   align="center"><input   type="button"   name="Submit"   value="增     加"   onclick="javascript:addline()"   ID="Button1"></td>  
      </tr>  
  </table>
高手谢谢你了,但是我在运行时,第一次是加一个,第二次是加两个,三次是四个,怎么才能让他一次加一个啊,
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.0   Transitional//EN">  
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
  <META   NAME="Generator"   CONTENT="EditPlus">  
  <META   NAME="Author"   CONTENT="">  
  <META   NAME="Keywords"   CONTENT="">  
  <META   NAME="Description"   CONTENT="">  
  </HEAD>  
   
  <BODY>  
  <SCRIPT   type="text/javaScript">  
  var   index=1;  
  function   addline()  
  {  
  var   oTable   =document.getElementById("mm").cloneNode(true);  
  var   getDiv       =document.getElementById("aaa");  
  getDiv.appendChild(oTable);  
  }  
  </SCRIPT>  
   
  <div   id=mm>  
  <table   width="766"   height="62"   border="1"   cellpadding="1"   cellspacing="1"   ID="Table2">  
      <tr>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
          <td   rowspan="3">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
      </tr>  
      <tr>  
          <td   height="20">&nbsp;</td>  
          <td   height="20">&nbsp;</td>  
      </tr>  
  </table>  
  <BR>  
  </div>  
  <div   id="aaa">  
  </div>  
  <p>&nbsp;</p>  
  <table   width="766"   border="1"   cellspacing="1"   cellpadding="1"   ID="Table1">  
      <tr>  
          <td   align="center"><input   type="button"   name="Submit"   value="add"   onclick="javascript:addline()"   ID="Button1"></td>  
      </tr>  
  </table>  
   
  </BODY>  
  </HTML>  
 
高手谈不上,互相学习吧!我的解决思路是这样的,有其他思路的请不吝赐教。  
  function   addline()  
  {  
  var   oTable   =document.getElementById("mm").firstChild.cloneNode(true);  
  var   getDiv       =document.getElementById("mm");  
  getDiv.appendChild(oTable);  
  var   br=document.createElement("br");  
  getDiv.appendChild(br);  
  }  
 
论坛热门帖子: [lch203] 写得蛮好的linux学习笔记(10-21)
[黑马制造] 学习java的30个目标(10-19)
[笑傲股林] 做测试半年了,有点迷茫,应该再学些什么提高自己的测试水平和测试能力呢?(10-19)
[udp8589] 大家用google的来吱一声? 用百度的~~也来报道下?(10-18)
[沂偌掳兆] 本人总结的一些认为C++比较经典的书籍,希望对大家有用(10-18)
TAG标签: 问题 表格 增加 td /td height var 20nbsp 3nbsp rowspan

最新评论 共有0位网友发表了评论

发表评论

评论内容:不能超过250字,需审核,请自觉遵守互联网相关政策法规。
用户名:(注册)
密码:
验证码:
匿名发表

网站地图友情连接交流论坛网站投稿广告服务联系我们留言本站长统计
Some rights reserved: www.chmhome.com, 鄂ICP备07010232号 E-mail:chinakafei@live.com,QQ:552766
中国咖啡技术网(Chmhome):国外编程技术书籍,中文编程手册,经典编程文章,交流技术,技术软件下载,计算机论文,毕业论文.