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>

这会以随机顺序为您提供一系列图像网址，并将每个网址填入现有图片中。但是，如果在页面加载之前完成服务器端，这将更加有效和高效。

随机重排表格的细胞

1 个答案: