A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 薆情媬証書 中级黑马   /  2013-11-3 16:08  /  786 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 薆情媬証書 于 2013-11-3 20:47 编辑

自己模仿毕老师的那段根据指定自动生成表格的代码,可是怎么就是生成不了啊?求解释,也没有报错。
  1. <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a >http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
  2. <html xmlns="<a >http://www.w3.org/1999/xhtml</a>">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5. <title>无标题文档</title>
  6. <style type="text/css">
  7. table{
  8. border:2px solid #000000;
  9. width:80%;}
  10. table td{
  11. border:2px solid #000000;}</p><p>
  12. </style></p><p><script type="text/javascript">
  13. function build()
  14. {
  15. var row = document.getElementsByName("row")[0].value;
  16. var cell = document.getElementsByName("cell")[0].value;

  17. var tablenode = document.createElement("table");

  18. for(var i=0; i<row; i++)
  19. {
  20.   var trnode = tablenode.insertRow();
  21.   for(var s=0; s<cell; s++)
  22.   {
  23.    var tdnode = trnode.insertCell();
  24.    tdnode.innerHTML=i+"行"+s+"列";
  25.   }
  26. }
  27. }</p><p></script>
  28. </head></p><p><body></p><p><input type="text" name="row" />行<br />
  29. <input type="text" name="cell"/>列<br /></p><p><input type="button" value="生成表格" onclick="build()" />
  30. </body>
  31. </html>

  32. </p><p> </p>
复制代码

评分

参与人数 1技术分 +1 收起 理由
乔兵 + 1

查看全部评分

2 个回复

倒序浏览
本帖最后由 落木萧萧 于 2013-11-3 16:44 编辑

是这样的,虽然你create了一个element,但是并没有把这个element添加到某个节点上。

html中添加的代码
  1. <div id=tableArea></div>
复制代码
js中添加的代码
  1. var tableArea = document.getElementById("tableArea");
  2. tableArea.appendChild(tablenode);
复制代码

点评

xiexie  发表于 2013-11-3 20:50

评分

参与人数 1技术分 +1 收起 理由
乔兵 + 1

查看全部评分

回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马