77 lines
1.6 KiB
HTML
77 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>测试table中td坐标.html</title>
|
|
|
|
<meta name="keywords" content="keyword1,keyword2,keyword3">
|
|
<meta name="description" content="this is my page">
|
|
<meta name="content-type" content="text/html; charset=UTF-8">
|
|
|
|
<script type="text/javascript">
|
|
function getElements()
|
|
{
|
|
var tb = document.getElementById("div").getElementsByTagName("table")[0];//table
|
|
var rows = tb.rows; // 获取表格所有行
|
|
var str = "";
|
|
var rowspans=[];
|
|
var rowspan = {
|
|
"x":0,
|
|
"y":0,
|
|
"rowspan":0
|
|
}
|
|
for(var i = 0; i<rows.length; i++ ){
|
|
var colspan=0;
|
|
for(var j = 0; j<rows[i].cells.length; j++ ){ // 遍历该行的 td
|
|
var y=colspan;
|
|
var x=i;
|
|
if(rowspan[x] && rowspan.y==y &&rowspan.rowspan>0){
|
|
y += 1;
|
|
rowspan.x = rowspan.x+1;
|
|
rowspan.rowspan = rowspan.rowspan-1;
|
|
}
|
|
rows[i].cells[j].innerHTML= "("+x+","+y+")";
|
|
colspan += rows[i].cells[j].colSpan;
|
|
if((rows[i].cells[j].rowSpan-1)>0){
|
|
rowspan[x+1] = {
|
|
"y":y,
|
|
"rowspan":rows[i].cells[j].rowSpan-1,
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="div">
|
|
<table border="1">
|
|
<tr>
|
|
<td></td>
|
|
<td colspan=2></td>
|
|
<td rowspan=3></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan=2></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan=2></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<input type="button" onclick="getElements()" value="How many input elements?" />
|
|
</body>
|
|
</html>
|