问下下，javascript中动态生成的表格怎么控制位置？

一弗楚 2007-01-26 01:01:42

<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>

/////请各位帮忙修改，以实现功能

...全文

346 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

littlebad_boy 2007-02-14

打赏
举报

var table=document.createElement("table");
??????????????????????????????????????????

一弗楚 2007-01-29

打赏
举报

谢谢楼上的朋友！

xiao7cn 2007-01-26

打赏
举报

haothing 2007-01-26

打赏
举报

<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);

div.style.left = document.all.textX.value + "px";
div.style.top = document.all.textY.value + "px";
}
</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>

/////请各位帮忙修改，以实现功能

top:word中数据回显语法及最终效果。

JavaScript常用的基本功能： 1.插入位置、2.注释、3.变量、4.数组、5.滚动字符三、jQuery常用的基本功能： 1.引入jQuery、2.寻找标签、3.val、text、append的使用举例、4.表格删除案例、5.绑定事件案例、6.菜单切换案例

来源：ApacheCN『JavaScript 编程精解中文第三版』翻译项目原文：Handling Events 译者：飞龙协议：CC BY-NC-SA 4.0 自豪地采用谷歌翻译部分参考了《JavaScript 编程精解（第 2 版）》你对你的大脑拥有控制权，而不是外部事件。认...

bootstrap下拉菜单智能向上下弹出 1、需求：通过给bootstrap下拉菜单添加 dropdown 或 dropup 样式类，可以实现菜单向下或向上弹出。在动态页面中，表格元素一般是动态生成的，而且下拉菜单通常是向下弹出。当向下弹出菜单下方被遮挡（不能完全显示）时，如何实现向上弹出？ 2、实现思路：获取点击按钮距离屏幕下方的高度和弹出菜单的高度，...

DOM和事件案例分析可编辑表格事件委托实现表格的复制和删除右键菜单事件发送信息案例根据数据生成表单可编辑表格 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态生成表格</title> <style> table { margin-top: 20px; width: 800px;