用javascript对表格行列的文本进行对换

Question

<SCRIPT LANGUAGE="JavaScript">
var arr= new Array("一","心","一","意","二","龙","戏","珠","三","头","六","臂","四","季","如","春");
function fun1()
{
var table = document.getElementById("table2"); for(var i=0;i <table.cells.length;i++)
{
table.cells(i).innerHTML=arr[i]
}
}
function fun2()
{
var table = document.getElementById("table2") var x,y
for(var i=0;i <table.cells.length;i++)
{
x=parseInt(i/4)
y=i%4
table.cells(i).innerHTML=arr[y*4+x]
}
}
</SCRIPT>
<TABLE id="table2" width="200" height="100" border=1>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
</TABLE>
<INPUT TYPE="button" value="横的" onclick="fun1()"><INPUT TYPE="button" value="竖的" onclick="fun2()">

Answer 1

Just another example<script type="text/javascript"> 
function Transpose(){
Reset();
var oldTable = document.getElementById("OTable");
var newTable = document.getElementById("NTable"); var oldTRs = oldTable.getElementsByTagName("tr");

for(var r=0;r<oldTRs.length;r++){
var oldTDs = oldTRs[r].getElementsByTagName("td");
for(var c=0;c<oldTDs.length;c++){
var newTRs = newTable.getElementsByTagName("tr");
var newTR;
if(newTRs.length<oldTDs.length){
newTR = document.createElement("tr");
newTable.appendChild(newTR); 
}
else newTR = newTRs[c];
var newTD = document.createElement("td");
newTD.innerHTML = oldTDs[c].innerHTML;
newTR.appendChild(newTD);
}
}
}function Reset()
{
var theTRs = document.getElementById("NTable").getElementsByTagName("tr");
for(var i=theTRs.length-1;i>=0;i--) theTRs[i].parentNode.removeChild(theTRs[i]);
}
</script><script type="text/javascript"> 
var N = 7;
document.write("<table border=1 id='OTable'>");
for(var r=0;r<N;r++){
document.write("<tr>");
for(var c=0;c<N;c++) {
document.write("<td> R"+r+"C"+c+"</td>");
}
document.write("<tr>");
}
document.write("<table>");
</script>
<input type="button" value="Transpose" onclick="Transpose()" />  <input type="button" value="Reset" onclick="Reset()" /> <table border=1>
<tbody id='NTable'></tbody>
</table>

Answer 2

function replace()
{
    arr= new Array        ("一","心","一","意","二","龙","戏","珠","三","头","六","臂","四","季","   如","春");
       //j=t.rows.length
          for(var i=0;i<table2.rows.length;i++)
      {
        for(var j=0;j<table2.rows(i).cells.length;j++)
         {
           table2.rows(i).cells(j).innerText=arr[j*4+i]
         } 
      } 
} 
<button id="button1" type="button" onclick="replace()"
别人指点的for两重循环比较省事

Answer 3

<button id="button1" type="button" onclick="replace()">调换</button>

Answer 4

用swapNode方法直接调换单元格吧