first commit
This commit is contained in:
76
WebRoot/jsp/report/测试table中td坐标.html
Normal file
76
WebRoot/jsp/report/测试table中td坐标.html
Normal file
@ -0,0 +1,76 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user