innerHTML的设置

实现点击按钮做到行数据交换位置
 tab.rows[index].innetHTML=tab.rows[index+1].innerHTML;  如果能设置或是覆盖innerHTML的
值就容易实现了，求指教！
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script >
function rowUp(obj){
var tab = document.getElementById("tab");
var index=obj.parentNode.parentNode.rowIndex;
if(index==0){
obj.style.display="none";
}else{
var temp=tab.rows[index].innerHTML;
tab.rows[index].innetHTML=tab.rows[index+1].innerHTML;//这里会报错，因为*.innerHTML返回的是文本数据， “=”前后都是文本数据，所以这样指定没意义
}
}
</script>
</head>
<body>
<table id="tab">
       <tr>
          <td>名字</td>
          <td>年龄</td>
          <td>性别</td>
          <td><input type="button" onclick="rowUp(this)" value="上"/><input type="button" value="下" onclick="rowDown(this)"></td>
       </tr>
   <tr>
          <td>张三</td>
          <td>36</td>
          <td>男</td>
          <td><input type="button" onclick="rowUp(this)" value="上"/><input type="button" value="下" onclick="rowDown(this)"></td>
       </tr>
       <tr>
          <td>李四</td>
          <td>34</td>
          <td>男</td>
        <td><input type="button" onclick="rowUp(this)" value="上"/><input type="button" value="下" onclick="rowDown(this)"></td>
       </tr>
    <tr>
          <td>王五</td>
          <td>33</td>
          <td>男</td>
           <td><input type="button" onclick="rowUp(this)" value="上"/><input type="button" value="下" onclick="rowDown(this)"></td>
       </tr>
    <tr>
          <td>郑六</td>
          <td>36</td>
          <td>男</td>
          <td><input type="button" onclick="rowUp(this)" value="上"/><input type="button" value="下" onclick="rowDown(this)"></td>
       </tr>
    
</table>
</body></HTML>

解决方案 »

  1.   

    tab.rows[index].innetHTML=tab.rows[index+1].innerHTML=“  值内容   ”
    你是想这样？
    这样的话值内容是个定值，不想要定值把后面改成变量不就是了？
      

  2.   

    tab.rows[index].innetHTML=tab.rows[index+1].innerHTML
    前面一个会作为引用去改变值，后面一个会作为引用去后去值。打个比方  就像我们java里面写的
    int i=10;
    int j=i;
    在你的代码里面tab.rows[index+1].innerHTML作为一个=号后面的指向，相当于一个引用符，
    指向的是tab.rows[index+1]里面的innerHTML值。而=号前面tab.rows[index]的innerHTML
    则表示的是要把=号后面的值对前面的对象进行一个赋值
      

  3.   

    报什么 错了，关键是。
    这里会报错，因为*.innerHTML返回的是文本数据， “=”前后都是文本数据，这样指定是有意义的。
    问题在于，td的innerHTML属性是只读的。所以tab.rows[index+1].innerHTML报的错应该是对象为空或者未定义吧。