圖片數組到表中-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