用JS怎么实现复制TABLE中某一列的数据并填充到其它列

求JS代码，请高手指点。
要求：
画面中有一个按钮和一个表格，表格为3行3列。
现在要求用JS实现点击按钮，把表格的第3列数据填充到第1列中。

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
function setValue(){
var t = document.getElementById("table1");
for(var i=0;i<3;i++){
t.rows(0).cells(i).innerText=t.rows(2).cells(i).innerText;
}
}
</script>
</head><body><table border="1" width="100%" id="table1">
<tr>
<td>11　</td>
<td>12　</td>
<td>13　</td>
</tr>
<tr>
<td>21　</td>
<td>22　</td>
<td>23　</td>
</tr>
<tr>
<td>31　</td>
<td>32　</td>
<td>33　</td>
</tr>
</table>
<input type="button" value="set" onclick="setValue()">
</body></html>
不好意思，没注意
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
function setValue(){
var t = document.getElementById("table1");
for(var i=0;i<3;i++){
t.rows(i).cells(0).innerText=t.rows(i).cells(2).innerText;
}
}
</script>
</head><body><table border="1" width="100%" id="table1">
    <tr>
        <td>11　</td>
        <td>12　</td>
        <td>13　</td>
    </tr>
    <tr>
        <td>21　</td>
        <td>22　</td>
        <td>23　</td>
    </tr>
    <tr>
        <td>31　</td>
        <td>32　</td>
        <td>33　</td>
    </tr>
</table>
<input type="button" value="set" onclick="setValue()">
</body></html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
function setValue(){
var t = document.getElementById("table1");
for (var i = 0; i < t.rows.length; i++) {
t.rows[i].replaceChild(t.rows[i].cells[2].cloneNode(true), t.rows[i].cells[0]);
}
}
</script>
</head>
<body>
<table border="1" width="100%" id="table1">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
</tr>
</table>
<input type="button" value="set" onclick="setValue()">
</body>
</html>
整列复制，列3 到列1复制<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script language="javascript" type="text/javascript">
function copy3to1(id)
{
var o=document.getElementById(id);
var trs=o.getElementsByTagName("tr");
for (var i=0;i<trs.length;i++)
{
trs[i].cells[0].innerHTML=trs[i].cells[2].innerHTML;
}
}
</script>
<body>
<table id="tb01" width="100%" border="1">
  <tr>
    <td width="32%"> </td>
    <td width="29%">列02 01</td>
    <td width="39%">列03 01 </td>
  </tr>
  <tr>
    <td> </td>
    <td>列02 02</td>
    <td>列03 02</td>
  </tr>
  <tr>
    <td> </td>
    <td>列02 03</td>
    <td>列03 03</td>
  </tr>
</table>
<p>
<input type="button" name="Submit" value="重新来" onClick="javascript:window.location.reload();">
<input type="button" name="Submit" value="按钮" onClick="javascript:copy3to1('tb01');">
</p>
</body>
</html>
<script type="text/javascript">
function tiJiao(){
var id_td1 = document.getElementById("td1");
var id_td2 = document.getElementById("td2");
id_td1.innerHTML = id_td2.innerHTML;
}
</script><table border="1">
<tr>
  <td id="td1">我是1</td><td id="td2">我是2</td>
</tr>
</table>
<input type="button" value="更改" onclick="tiJiao()" />
如果第3列是一般显示，第1列是TEXT，怎么复制过去？
哎，LZ尽量一口气问完吧
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
function setValue(){
var t = document.getElementById("table1");
for(var i=0;i<3;i++){
t.rows(i).cells(0).firstChild.value=t.rows(i).cells(2).innerText;
}
}
</script>
</head><body><table border="1" width="100%" id="table1">
    <tr>
        <td><input type="text" value="">　</td>
        <td>12　</td>
        <td>13　</td>
    </tr>
    <tr>
        <td><input type="text" value="">　</td>
        <td>22　</td>
        <td>23　</td>
    </tr>
    <tr>
        <td><input type="text" value="">　</td>
        <td>32　</td>
        <td>33　</td>
    </tr>
</table>
<input type="button" value="set" onclick="setValue()">
</body></html>
<script type="text/javascript">
function tiJiao(){
var id_t1 = document.getElementById("table1");
var rows = id_t1.rows.length;                  // 获取行数
var cols = id_t1.rows.item(0).cells.length;   // 获取列数

for(i=0; i< rows; i++){
id_t1.rows[i].cells[0].innerHTML = id_t1.rows[i].cells[2].innerHTML;//这个就是代码
}
}
</script><table id="table1" border="1">
<tr>
  <td id="td1">我是00</td><td id="td2">我是11</td><td id="td2">我是20</td>
</tr>
  <tr>
  <td id="td1">我是01</td><td id="td2">我是12</td><td id="td2">我是21</td>
</tr>
  <tr>
  <td id="td1">我是02</td><td id="td2">我是13</td><td id="td2">我是22</td>
</tr>
</table>
<input type="button" value="更改" onclick="tiJiao()" />
这是我的代码，想怎么修改关键在for（）{}