表格单元格的随机重排

Question

我有HTML表格，表格包含100行和2列（200个单元格）。我希望细胞可以根据原始行和/或原始列随机重新排列。

这就是我如何表示4段数据。

<table> 
     <tr> 
      <td> Data1 </td> 
      <td> Data2 </td> 
     </tr> 
     <tr> 
      <td> Data 3 </td> 
      <td> Data 4 </td> 
     </tr> 
</table> 

我只使用HTML和CSS。我打算在最初手动输入每个单元格的内容。

该数据代表我正在处理的图库。如果我不应该使用表格进行这样的安排，请提出另一种意见。

Answer 1

这种目标不需要使用表格。然而，如果你没有坐在你的电脑上掷骰子并输入结果，随意做任何事情，你都需要使用一些JavaScript。在你的页面的底部，把这样的事情：

<script> 
    var images = document.getElementsByTagName('img'); 
    var randomArrangement = []; 

    for (var i=0; i < images.length; i++) 
    { 
     if (Math.random() > 0.5) { 
      randomArrangement.push(images.src); 
     } else { 
      randomArrangement.unshift(images.src); 
     } 
    } 

    for (var j=0; j < images.length; j++) 
    { 
     images[i].src = randomArrangement[i]; 
    } 
</script> 

这会给你的图像的URL的阵列以随机顺序，并填写每一个到现有的图像。但是，如果在页面加载之前在服务器端完成，这将更加有效和高效。