首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

求不规则TABLE赋值有关问题~

2012-03-27 
求不规则TABLE赋值问题~``htmlheadmetahttp-equivContent-Typecontent text/htmlcharsetgb2312

求不规则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>

热点排行