减小字体 增大字体
] 源码如下<br>----------------------------------------------------------<br><html><br><head><br><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br><META NAME="Author" CONTENT="51<a target="_blank" href="http://www.newasp.cn/" class="wordstyle">windows</a>,海娃,haiwa"><br><META NAME="Description" CONTENT="Power by 51<a target="_blank" href="http://www.newasp.cn/" class="wordstyle">windows</a>.Net"><br><title>行变成列，列变成行Demo－www.51<a target="_blank" href="http://www.newasp.cn/" class="wordstyle">windows</a>.Net</title><br></head><br><br><body><br><SCRIPT LANGUAGE="JavaScript"><br><!--<br>function convertable()<br>{<br>var r, re;<br>var s = haiwa.outerHTML;<br>re = /<table(.[^>]*)>/i;<br>r = s.match(re)[0].replace(" id="," oldid=");<br>var tablehtml=r<br>for(var i=0;i<haiwa.rows[0].cells.length;i++)<br>{<br>tablehtml+="<tr>"<br>for (var k=0;k<haiwa.rows.length;k++)<br>{<br>tablehtml+=haiwa.rows[k].cells[i].outerHTML<br>}<br>tablehtml+="</tr>"<br>}<br>tablehtml+="</table>"<br>mynewtablezone.innerHTML = tablehtml<br>}<br>//--><br></SCRIPT><br><button onclick=convertable();>换换</button><br> <table border="1" cellpadding="0" cellspacing="0" width="600" height="120" id=haiwa><br> <tr><br> <td>1</td><br> <td>2</td><br> <td>3</td><br> <td>4</td><br> <td>5</td><br> <td>6</td><br> </tr><br> <tr><br> <td>11</td><br> <td bgcolor="#999999">21</td><br> <td>31</td><br> <td>41</td><br> <td>51</td><br> <td>61</td><br> </tr><br> <tr><br> <td>12</td><br> <td><font color="#FF0000">22</font></td><br> <td>32</td><br> <td>42</td><br> <td bgcolor="#FFCC66">52</td><br> <td>62</td><br> </tr><br> <tr><br> <td>13</td><br> <td>23</td><br> <td background="http://expert.csdn.net/images/csdn.gif">33</td><br> <td>43</td><br> <td><b>53</b></td><br> <td>63</td><br> </tr><br> <tr><br> <td>14</td><br> <td>24</td><br> <td>34</td><br> <td>44</td><br> <td>54</td><br> <td>64</td><br> </tr><br> </table><br> <br><br><div id="mynewtablezone"></div><br></body><br><br></html> <br>
[提示：你可先按照下面代码提示修改 上面部分代码，再按运行，此处看到的演示不完全正确]
减小字体
增大字体
