<script language="JavaScript">
var lastObj = null;
function td_click()
{
var obj = event.srcElement;
if(obj.tagName!="TD") return;
window.status=obj.innerText;
if(lastObj)
{
var tmpHTML = obj.innerHTML;
obj.innerHTML = lastObj.innerHTML;
lastObj.innerHTML = tmpHTML;
lastObj = null;
}
else
{
lastObj = obj;
}
}
</script>
<table border="1" onclick="td_click();">
<tr>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
</tr>
<tr>
<td>31</td>
<td>32</td>
<td>33</td>
<td>34</td>
<td>35</td>
</tr>
<tr>
<td>41</td>
<td>42</td>
<td>43</td>
<td>44</td>
<td>45</td>
</tr>
</table>

解决方案 »

  1.   

    <script language="JavaScript">
    var lastObj = null;
    function td_click()
    {
    var obj = event.srcElement;
    if(obj.tagName!="TD") return;
    window.status=obj.innerText;
    if(lastObj)
    {
    var tmpHTML = obj.innerHTML;
    obj.innerHTML = lastObj.innerHTML;
    lastObj.innerHTML = tmpHTML;
    lastObj = null;
    document.getElementById("tbl").style.cursor="";
    }
    else
    {
    lastObj = obj;
    document.getElementById("tbl").style.cursor="crosshair";
    }
    }
    </script>
    <table border="1" id="tbl" onclick="td_click();">
    <tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    </tr>
    <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    <td>24</td>
    <td>25</td>
    </tr>
    <tr>
    <td>31</td>
    <td>32</td>
    <td>33</td>
    <td>34</td>
    <td>35</td>
    </tr>
    <tr>
    <td>41</td>
    <td>42</td>
    <td>43</td>
    <td>44</td>
    <td>45</td>
    </tr>
    </table>