<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<TITLE></TITLE>
</HEAD>
<BODY><TABLE id="a1" WIDTH=75% BORDER=1 CELLSPACING=1 CELLPADDING=1>
<TR>
<TD colspan="2">1</TD>
<TD>3</TD>
</TR>
<TR>
<TD>1</TD>
<TD colspan="2">2</TD>
</TR>
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<SCRIPT LANGUAGE=javascript>
<!--
var colLength = 0; //获得table的列数,注意有可能有些列跨列
for (var i=0;i< a1.rows(0).cells.length;i++){
colLength += a1.rows(0).cells(i).colSpan;
}a1.insertRow(0);
a1.rows(0).insertCell();
a1.rows(0).cells(0).colSpan = colLength;
a1.rows(0).cells(0).innerHTML = "表头";a1.insertRow();
a1.rows(a1.rows.length-1).insertCell();
a1.rows(a1.rows.length-1).cells(0).colSpan = colLength;
a1.rows(a1.rows.length-1).cells(0).innerHTML = "表尾";
//-->
</SCRIPT>

解决方案 »

  1.   

    TO:joe820302(joe) 
    谢谢,不过你的实现是增加了表头和表脚,我是希望不改变表的行数,将表的第一行设置为表头,表的最后一行设置成表脚
      

  2.   

    <table id=t1><tr><td>表头</td></tr><tr><td>2</td></tr><tr><td>3</td></tr></table>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var oNewChild=document.createElement("TH");
    var otr=t1.children[0].children[0];
    oChild=otr.children[0]
    otr.replaceChild(oNewChild, oChild);
    oNewChild.innerHTML=oChild.innerHTML;
    //-->
    </SCRIPT>