求不规则TABLE赋值问题~``
<html>
<head>
<meta http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<title> Method Test... </title>
</head>
<body>
<table id= "demoTable " border= "1 " align=center cellspacing= "1 " cellpadding= "0 " bordercolor= "#64ACE5 " style= "border-collapse:collapse " onclick= "CreateTableMapping(this) ">
<tr height=19>
<td colspan=8 height=19 width=554> 1 </td>
</tr>
<tr height=19>
<td colspan=3 rowspan=3 height=57> 2 </td>
<td colspan=3 > 3 </td>
<td rowspan=3 > 4 </td>
<td > 5 </td>
</tr>
<tr >
<td rowspan=2 height=38 > 6 </td>
<td colspan=2 > 7 </td>
<td rowspan=2 > 8 </td>
</tr>
<tr height=19>
<td height=19> 9 </td>
<td > 10 </td>
</tr>
<tr height=19 >
<td rowspan=3 height=57 > 11 </td>
<td colspan=2 > 12 </td>
<td > 13 </td>
<td > 14 </td>
<td > 15 </td>
<td > 16 </td>
<td > 17 </td>
</tr>
<tr height=19 >
<td height=19 > 18 </td>
<td > 19 </td>
<td > 20 </td>
<td > 21 </td>
<td > 22 </td>
<td > 23 </td>
<td > 24 </td>
</tr>
<tr height=19 >
<td height=19 > 25 </td>
<td > 26 </td>
<td > 27 </td>
<td > 28 </td>
<td > 29 </td>
<td > 30 </td>
<td > 31 </td>
</tr>
</table>
</body>
</html>
类似于如此的表格,我想在13 14 15 16 17 20 21 22 23 24 27 28 29 30 31 位置赋值~``该如何实现?
谢谢各位~
[解决办法]
给td加规则id,根据数据插入位置选择插入td插入.
[解决办法]
<html>
<head>
<meta http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<title> Method Test... </title>
<script language= "javascript " type= "text/javascript ">
function $()
{
var data= "13 14 15 16 17 20 21 22 23 24 27 28 29 30 31 ".split( " ");
var table=document.getElementById( "demoTable ");
for(var i=0;i <table.cells.length;i++)
{
for(var i2 in data)
{
if(i+1==parseInt(data[i2]))
{
table.cells[i].innerHTML= "以被重新赋值 ";
}
}
}
}
</script>
</head>
<body onload= "$(); ">
<table id= "demoTable " border= "1 " align=center cellspacing= "1 " cellpadding= "0 " bordercolor= "#64ACE5 " style= "border-collapse:collapse " onclick= "CreateTableMapping(this) ">
<tr height=19>
<td colspan=8 height=19 width=554> 1 </td>
</tr>
<tr height=19>
<td colspan=3 rowspan=3 height=57> 2 </td>
<td colspan=3 > 3 </td>
<td rowspan=3 > 4 </td>
<td > 5 </td>
</tr>
<tr >
<td rowspan=2 height=38 > 6 </td>
<td colspan=2 > 7 </td>
<td rowspan=2 > 8 </td>
</tr>
<tr height=19>
<td height=19> 9 </td>
<td > 10 </td>
</tr>
<tr height=19 >
<td rowspan=3 height=57 > 11 </td>
<td colspan=2 > 12 </td>
<td > 13 </td>
<td > 14 </td>
<td > 15 </td>
<td > 16 </td>
<td > 17 </td>
</tr>
<tr height=19 >
<td height=19 > 18 </td>
<td > 19 </td>
<td > 20 </td>
<td > 21 </td>
<td > 22 </td>
<td > 23 </td>
<td > 24 </td>
</tr>
<tr height=19 >
<td height=19 > 25 </td>
<td > 26 </td>
<td > 27 </td>
<td > 28 </td>
<td > 29 </td>
<td > 30 </td>
<td > 31 </td>
</tr>
</table>
</body>
</html>
[解决办法]
<html>
<head>
<meta http-equiv=Content-Type content= "text/html; charset=gb2312 ">
<title> Method Test... </title>
</head>
<body>
<table id= "demoTable " border= "1 " align=center cellspacing= "1 " cellpadding= "0 " bordercolor= "#64ACE5 " style= "border-collapse:collapse " onclick= "CreateTableMapping(this) ">
<tr height=19>
<td colspan=8 height=19 width=554> 1 </td>
</tr>
<tr height=19>
<td colspan=3 rowspan=3 height=57> 2 </td>
<td colspan=3 > 3 </td>
<td rowspan=3 > 4 </td>
<td > 5 </td>
</tr>
<tr >
<td rowspan=2 height=38 > 6 </td>
<td colspan=2 > 7 </td>
<td rowspan=2 > 8 </td>
</tr>
<tr height=19>
<td height=19> 9 </td>
<td > 10 </td>
</tr>
<tr height=19 >
<td rowspan=3 height=57 > 11 </td>
<td colspan=2 > 12 </td>
<td > 13 </td>
<td > 14 </td>
<td > 15 </td>
<td > 16 </td>
<td > 17 </td>
</tr>
<tr height=19 >
<td height=19 > 18 </td>
<td > 19 </td>
<td > 20 </td>
<td > 21 </td>
<td > 22 </td>
<td > 23 </td>
<td > 24 </td>
</tr>
<tr height=19 >
<td height=19 > 25 </td>
<td > 26 </td>
<td > 27 </td>
<td > 28 </td>
<td > 29 </td>
<td > 30 </td>
<td > 31 </td>
</tr>
</table>
<script>
var tab=document.getElementById( 'demoTable ');
function modifyTd(rowsStart,cellsStart,rowsEnd,cellsEnd,valueN){
for(k=rowsStart-1;k <rowsEnd;k++){
var cellsN=tab.rows[k].cells;
//alert(cellsN.length)
for(i=cellsStart-1;i <cellsEnd;i++){
cellsN[i].innerHTML=valueN;
}
}
}
modifyTd(5,3,7,7, 'value ');
</script>
</body>
</html>