图片数组到表中-Javascript

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

您似乎忽略了DRY-不要重复自己。 您正在为要创建的每个图像重复代码。 相反，请尝试以下操作：

<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 个解决方案

解决方案1
3 2012-06-25 22:47:47

解决方案2
0 2012-06-25 22:46:58

图片数组到表中-Javascript

问题描述

2 个解决方案

解决方案1 3 2012-06-25 22:47:47

解决方案2 0 2012-06-25 22:46:58

解决方案1
3 2012-06-25 22:47:47

解决方案2
0 2012-06-25 22:46:58