各位朋友们,我对javascript不熟悉,请大家指点下,怎么才创建一个表格?

songfuqiang 2010-06-27 10:26:57
我对javascript不熟悉,现在想创建以下的表格,请大家指定一下!


...全文
74 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
passself 2010-06-28
  • 打赏
  • 举报
回复
用jquery吧,可以直接写html代码,直接加进去就可以了
  • 打赏
  • 举报
回复
看窜了,还以为1楼发的那个,就是楼主说的“以下表格”。

拿它为例,如果用JS做的话,就是下面这样:
<script>
document.writeln("<style>");
document.writeln("#table_order{background:#D3ADAA;color:#544240;font:12px simsun;}");
document.writeln("#table_order td{background:White;}");
document.writeln("#table_order td div{width:100px;}");
document.writeln("#table_order .title{background:#FEE1E3;}");
document.writeln("</style>");
document.writeln("<table id=\"table_order\" border=\"0\" cellpadding=\"1\" cellspacing=\"1\">");
document.writeln(" <tr align=\"center\">");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>06月29日</div><div>星期二</div></td>");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>06月30日</div><div>星期三</div></td>");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>07月01日</div><div>星期四</div></td>");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>07月02日</div><div>星期五</div></td>");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>07月03日</div><div>星期六</div></td>");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>07月04日</div><div>星期日</div></td>");
document.writeln(" <td colspan=\"2\" class=\"title\"><div>07月05日</div><div>星期一</div></td>");
document.writeln(" </tr>");
document.writeln(" <tr align=\"center\">");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" <td>上午</td><td>下午</td>");
document.writeln(" </tr>");
document.writeln(" <tr align=\"center\">");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" <td><input type=\"radio\" name=\"time\"/></td><td><input type=\"radio\" name=\"time\"/></td>");
document.writeln(" </tr>");
document.writeln(" <tr>");
document.writeln(" <td colspan=\"14\">请选择挂号的时间!</td>");
document.writeln(" </tr>");
document.writeln("</table>");
</script>
  • 打赏
  • 举报
回复
一般都用后台生成,为什么一定要用JS呢。难道只是本地的一个小玩具吗。
王集鹄 2010-06-27
  • 打赏
  • 举报
回复
由样式表控制。

<style>
#table_order{background:#D3ADAA;color:#544240;font:12px simsun;}
#table_order td{background:White;}
#table_order td div{width:100px;}
#table_order .title{background:#FEE1E3;}
</style>
<table id="table_order" border="0" cellpadding="1" cellspacing="1">
<tr align="center">
<td colspan="2" class="title"><div>06月29日</div><div>星期二</div></td>
<td colspan="2" class="title"><div>06月30日</div><div>星期三</div></td>
<td colspan="2" class="title"><div>07月01日</div><div>星期四</div></td>
<td colspan="2" class="title"><div>07月02日</div><div>星期五</div></td>
<td colspan="2" class="title"><div>07月03日</div><div>星期六</div></td>
<td colspan="2" class="title"><div>07月04日</div><div>星期日</div></td>
<td colspan="2" class="title"><div>07月05日</div><div>星期一</div></td>
</tr>
<tr align="center">
<td>上午</td><td>下午</td>
<td>上午</td><td>下午</td>
<td>上午</td><td>下午</td>
<td>上午</td><td>下午</td>
<td>上午</td><td>下午</td>
<td>上午</td><td>下午</td>
<td>上午</td><td>下午</td>
</tr>
<tr align="center">
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
<td><input type="radio" name="time"/></td><td><input type="radio" name="time"/></td>
</tr>
<tr>
<td colspan="14">请选择挂号的时间!</td>
</tr>
</table>

87,997

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧