问下下，javascript中动态生成的表格如何控制位置
日期：2014-05-20 浏览次数：20451 次
问下下，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
<!--具体需求如下：
用户在网页一系列对话框中输入要生成的表格的行数和列数以及生成的位置坐标等，
然后点击“生成表格”按钮，执行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
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
