行变成列，列变成行
| 1 | 2 | 3 | 4 | 5 | 6 |
| 11 | 21 | 31 | 41 | 51 | 61 |
| 12 | 22 | 32 | 42 | 52 | 62 |
| 13 | 23 | 33 | 43 | 53 | 63 |
| 14 | 24 | 34 | 44 | 54 | 64 |
代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<META NAME="Description" CONTENT="Power by 51windows.Net">
<title>行变成列，列变成行Demo－www.51windows.Net</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
function convertable()
{
var r, re;
var s = haiwa.outerHTML;
re = /<table(.[^>]*)>/i;
r = s.match(re)[0].replace(" id="," oldid=");
var tablehtml=r
for(var i=0;i<haiwa.rows[0].cells.length;i++)
{
tablehtml+="<tr>"
for (var k=0;k<haiwa.rows.length;k++)
{
tablehtml+=haiwa.rows[k].cells[i].outerHTML
}
tablehtml+="</tr>"
}
tablehtml+="</table>"
mynewtablezone.innerHTML = tablehtml
}
//-->
</SCRIPT>
<button onclick=convertable();>换换</button>
<table border="1" cellpadding="0" cellspacing="0" width="600" height="120" id=haiwa>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>11</td>
<td bgcolor="#999999">21</td>
<td>31</td>
<td>41</td>
<td>51</td>
<td>61</td>
</tr>
<tr>
<td>12</td>
<td><font color="#FF0000">22</font></td>
<td>32</td>
<td>42</td>
<td bgcolor="#FFCC66">52</td>
<td>62</td>
</tr>
<tr>
<td>13</td>
<td>23</td>
<td background="http://expert.csdn.net/images/csdn.gif">33</td>
<td>43</td>
<td><b>53</b></td>
<td>63</td>
</tr>
<tr>
<td>14</td>
<td>24</td>
<td>34</td>
<td>44</td>
<td>54</td>
<td>64</td>
</tr>
</table>
<br>
<div id="mynewtablezone"></div>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
