1. 爱易网页
  2. ASP.NET教程
  3. 问下下，javascript中动态生成的表格如何控制位置

问下下，javascript中动态生成的表格如何控制位置

日期：2014-05-20　 浏览次数：20460 次

问下下，javascript中动态生成的表格怎么控制位置？
<!--具体需求如下：
用户在网页一系列对话框中输入要生成的表格的行数和列数以及生成的位置坐标等，
然后点击“生成表格”按钮，执行javaScript脚本函数，在HTML网页指定位置上生成表格。
-->
<script>
function   TestSecond()
{  
var   div=document.getElementById( "div ");
var   table=document.createElement( "table ");
table.border=1;
var   xNum=document.getElementById( "textX ").value;
var   yNum=document.getElementById( "textY ").value;
var   textRow=document.getElementById( "textRow ");
var   textCell=document.getElementById( "textCell ");
for(var   i=0;i <textRow.value;i++)
{
var   row=table.insertRow();
for(var   j=0;j <textCell.value;j++)
{
var   cell=row.insertCell();
cell.innerText= "*** ";
cell.width=50;
}
}
div.appendChild(table);
}
</script>

<html>
<body>
<table   align= "center ">
<tr>
<td> 行数： </td>
<td> <input   type= "text "   id= "textRow "/>
</td>
</tr>
<tr>
<td> 列数： </td>
<td> <input   type= "text "   id= "textCell "/>
</td>
</tr>
<tr>
<td> 座标X： </td>
<td> <input   type= "text "   id= "textX "/>
</td>
</tr>
<tr>
<td> 座标Y： </td>
<td> <input   type= "text "   id= "textY "/>
</td>
</tr>
<tr>
<td   align= "center "   colspan= "2 "> <input   type= "button "   value= "生成表格 "   onClick= "TestSecond(); "/> </td>
</tr>
</table>
<p>

<div   id= "div "   style= "position:absolute; ">
</div>
</body>
</html>

//要实现以上的功能，动态生成表格如上，如何表格可以根据三四两个文本框数据定拉?

------解决方案--------------------
发到Blog

相关资料更多>

  1. asp.net控件验证有关问题
  2. asp.net mvc 路径映射的有关问题,可不可以将控制器映射的多级子目录下
  3. 大神帮小弟我写个sql语句，sqlserver2008的
  4. 动态设置button的disable之后不相应onclientclick事件解决方法
  5. ASP.NET写无限级下拉菜单不再难
  6. ASP.NET AJAX 1.0 中怎么实现将GridView控件中的数据导出到Excel
  7. ASP.NET web页面可以内嵌EXCEL表格吗？该如何解决
  8. 实现点返回出提示"是否保存？"是保存，否跳转页面！怎么实现？求教！
  9. 三层结构开发的疑惑，请达人来解释一下。该怎么处理