[原创]javascript中如何控制动态生成的表格位置？

      
   通过页面上的几个输入框输来确定生成表格的位置

  < 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.style.left=xNum;
            div.style.top =yNum;
            div.innerText="";
            div.appendChild(table);
    }
</ script >

 1   < form  id ="Form1"  method ="post"  runat ="server" >
 2 < table  align ="center" >
 3                  < tr >
 4                      < td > 行数： </ td >
 5                      < td >< input  type ="text"  id ="textRow" />
 6                      </ td >
 7                  </ tr >
 8                  < tr >
 9                      < td > 列数： </ td >
10                      < td >< input  type ="text"  id ="textCell" />
11                      </ td >
12                  </ tr >
13                  < tr >
14                      < td > 座标X： </ td >
15                      < td >< input  type ="text"  id ="textX" />
16                      </ td >
17                  </ tr >
18                  < tr >
19                      < td > 座标Y： </ td >
20                      < td >< input  type ="text"  id ="textY" />
21                      </ td >
22                  </ tr >
23                  < tr >
24                      < td  align ="center"  colspan ="2" >< input  type ="button"  value ="生成表格"  onClick ="TestSecond();" /></ td >
25                  </ tr >
26              </ table >
27              < p >
28                 
29          < div  id ="div"  style ="position:absolute;" >
30          </ div >
31
32       </ form >

转载于:https://www.cnblogs.com/goody9807/archive/2007/01/26/631263.html