📄 17.4.1 moverow方法.html

📁 javascript即用即差核心对象手册

💻 HTML

字号:

<body >
<table border=1 id="otable">
   <tr>
      <td onClick="toSort(this.cellIndex)">&nbsp;第 一 列&nbsp;</td>
	  <td onClick="toSort(this.cellIndex)">&nbsp;第 二 列&nbsp;</td>
   </tr>
   <tr>
      <td>第一行第一列</td><td>第一行第二列</td>
   </tr>
   <tr>
      <td>第二行第一列</td><td>第二行第二列</td>
   </tr>
   <tr>
      <td>第三行第一列</td><td>第三行第二列</td>
   </tr>
   <tr>
      <td>第三行第一列</td><td>第三行第二列</td>
   </tr>
 </table>
 <script>
  var otable=document.all.otable;
  //设置表格标题
  var ocap=otable.createCaption();
  ocap.innerHTML="单击第一行的任一列<br>则按该列从大到小排序";
  //用随机生成的数据填写表格
  for(var i=1;i<otable.rows.length;i++)
    {
	   for(var j=0;j<otable.rows(0).cells.length;j++)
	   {
	      otable.rows(i).cells(j).innerText=Math.floor(100*Math.random());
	   }
	}
	//按选择的列从大到小对表格中的数据进行排序
  function toSort(index)
  {
	  //用冒泡法排序
	  for(var i=0;i<otable.rows.length;i++)
	  {
	      for(var j=0;j<otable.rows.length;j++)
		   {
		      //如果第i行的数比第j行的数da就上移
			  var inum=parseInt(otable.rows(i).cells(index).innerText);
			  var jnum=parseInt(otable.rows(j).cells(index).innerText);
			  if(inum>jnum)
			  {
				 otable.moveRow(i,j);
			  }
		   }
	  }
  }
 </script>
</body>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -