表格單元格的隨機重排

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的陣列以隨機順序，並填寫每一個到現有的圖像。但是，如果在頁面加載之前在服務器端完成，這將更加有效和高效。