Question

我正在尝试创建一个包含6个图像，2行和3列大的表。我已经在程序的开头为它们创建了一个数组。它应该在体内吗？表格中的图像稍后需要点击，指向同一页面（即google.com）。我不知道如何将图像单独放入我创建的表格中。

<head>
  <script>
    var img = new Array(6);
    img[0] = new (400,200)
    img[0].src"image1.jpg"
  </script
</head>

......等等所有其他图像

<body>
    <table border ="0">
    <tr>
    <td>document.write(img[0]) </td>
    </tr>
    </table>
</body>

......等等其余图片

Answer 1

你似乎忽视了干 - 不要重复自己。您正在为要创建的每个图像重复代码。相反，试试这个：

<script type="text/javascript">
    (function() {
        var images = [
            "image1.jpg",
            "photo.jpg",
            "graphic.png",
            "animation.gif"
        ], columns = 3,
        l = images.length, i,
        table = document.createElement('table'),
        tbody = table.appendChild(document.createElement('tbody')),
        tr, td, img;
        for( i=0; i<l; i++) {
            if( i % columns == 0) tr = tbody.appendChild(document.createElement('tr'));
            tr.appendChild(document.createElement('td'))
              .appendChild(document.createElement('img'))
              .src = images[i];
        }
        document.body.appendChild(table);
    })();
</script>

这将基本上将表格与所有图像一起插入脚本所在的位置。要添加更多图像，只需向阵列添加更多URL即可。要更改每行显示的数量，只需更改columns变量即可。此代码比原始代码更复杂，但另一方面，更易于扩展且更易于修改。

Answer 2

这是你可以做到的一种方式：

<td><img id="theImage" /></td>
<script>
 document.getElementById("theImage").src = img[0].src;
</script>

图像数组到表 - Javascript

2 个答案: