<%@ Page Language="C#" AutoEventWireup="true" CodeFile="fast.aspx.cs" Inherits="fast" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>表格</title>
<script language="javascript" type="text/javascript">
function createTable()
{
var i;
var j;
var k=1;
var data = new Array();
data.push('<table border=1><tbody>');
for (i = 1; i < 16; i++) {
data.push('<tr>');
for (j = 1; j < 25; j++) {
data.push('<td width="40px" height="30px">' + '</td>');
}
data.push('</tr>');
}
data.push('</tbody><table>');
document.getElementById('table').innerHTML = data.join('');
}
</script>
</head>
<body >
<div id="table">
<script language="javascript" type="text/javascript">
createTable();
</script>
</div>
</body>
</html>
这样创建的表格怎样获取这个table左上角顶点的坐标呢?谢谢
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>表格</title>
<script language="javascript" type="text/javascript">
function createTable()
{
var i;
var j;
var k=1;
var data = new Array();
data.push('<table border=1><tbody>');
for (i = 1; i < 16; i++) {
data.push('<tr>');
for (j = 1; j < 25; j++) {
data.push('<td width="40px" height="30px">' + '</td>');
}
data.push('</tr>');
}
data.push('</tbody><table>');
document.getElementById('table').innerHTML = data.join('');
}
</script>
</head>
<body >
<div id="table">
<script language="javascript" type="text/javascript">
createTable();
</script>
</div>
</body>
</html>
这样创建的表格怎样获取这个table左上角顶点的坐标呢?谢谢
http://www.jb51.net/article/18340.htm
var curleft = curtop = 0;
if (obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
}
return [curleft,curtop];
}alert(findPos(getElementById("table1"))[0] + ":" + findPos(getElementById("table1"))[1]))
data.push('<table id="table1" border=1><tbody>');
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>表格最快方法</title>
<script language="javascript" type="text/javascript">
function createTable()
{
var i;
var j;
var k=1;
var data = new Array();
data.push('<table id="table1" border=1><tbody>');
for (i = 1; i < 16; i++) {
data.push('<tr>');
for (j = 1; j < 25; j++) {
// data.push('<td width="40px" height="30px">' + i + ',' + j + '</td>');
data.push('<td width="40px" height="30px">' + '</td>');
}
data.push('</tr>');
}
data.push('</tbody><table>');
document.getElementById('table').innerHTML = data.join('');
}
function drawDot(x,y){ //画点函数
document.write("<div style='height:1px;position:absolute;left:"+x+"px;top:"+y+"px;width:1px;background:#FF00FF;overflow:hidden'></div>")
}
function drawLine(x1,y1,x2,y2)//画线
{
var i;0
var r=Math.floor(Math.sqrt((x2-x1)*(x2-x1)+(y2-y1)*(y2-y1)));
var theta=Math.atan((y2-y1)/(x2-x1));
if(((y2-y1)<0&&(x2-x1)>=0)||((y2-y1)>0&&(x2-x1)<0))
theta=Math.PI+theta;
var dx=Math.cos(theta);
var dy=Math.sin(theta);
{
if(((y2-y1)>=0&&(x2-x1)>0)||((y2-y1)>0&&(x2-x1)<=0))
{
for(i=0;i<r;i++)
drawDot(x1+i*dx,y1+i*dy);
}
else
for(i=0;i<r;i++)
drawDot(x1-i*dx,y1-i*dy);
}
} function findPos(obj) {
var curleft = curtop = 0;
if (obj.offsetParent) {
do {
curleft += obj.offsetLeft;
curtop += obj.offsetTop;
} while (obj = obj.offsetParent);
}
return [curleft,curtop];
}
alert(findPos(getElementById("table1"))[0] + ":" + findPos(getElementById("table1"))[1]));
</script>
</head>
<body >
<div id="table" style="border-bottom: #000000 thin solid; border-left: #000000 thin solid; border-top: #000000 thin solid; border-right: #000000 thin solid;">
<script language="javascript" type="text/javascript">
createTable();
drawLine(40,30,200,500); </script>
</div>
<!-- <input id="Button1" type="button" value="button" />
-->
</body>
</html>
alert没有提示坐标啊,而且表格没了,去掉
alert(findPos(getElementById("table1"))[0] + ":" + findPos(getElementById("table1"))[1]));表格就显示了