Javascript 将图像数组访问到动态表中

我已经编写了一个脚本，需要用图像替换数组中的文本字符串，即（

1.jpg

，

2.jpg

，

3.jpg

）。我似乎没有正确引用图像对象，正在解析为字符串

我想用图像替换代码中的这一位。 发件人：

致：

[”

//作者：亚历山大·阿杜·萨科迪
//与确认一起使用
函数createTable（数据）{
var table=document.createElement（“表”）；
table.style.border=“1px solid#ffcc33”；
var thead=document.createElement（“thead”）；
thead.style.padding=“5px”；
var tr=document.createElement（“tr”）；
对于（var i=0；i
类似于

var images=[“一”、“二”、“不”、“重要”]；
对于（变量i=0；i
那个奇怪的半html字符串数组是什么？为什么不使用src URL数组？
["One", "Two", "Three", "Four"],
["Un", "Deux", "Trois", "Quatre"],
["eins", "zwet", "dret", "vier"]

["<img src=\"1.jpg\"", "<img src=\"2.jpg\"", "<img src=\"3.jpg\"", "<img src=\"4.jpg\""],
["<img src=\"5.jpg\"", "<img src=\"6.jpg\"", "<img src=\"7.jpg\"", "<img src=\"8.jpg\""],
["<img src=\"9.jpg\"", "<img src=\"10.jpg\"", "<img src=\"11.jpg\"","<img src=\"12.jpg\""]

    //Author : Alexander Adu-Sarkodie
    //To be used with acknowledgement

    function createTable(data) {
        var table = document.createElement("table");
        table.style.border = "1px solid #ffcc33";
        var thead = document.createElement("thead");
        thead.style.padding = "5px";
        var tr = document.createElement("tr");
        for (var i = 0; i < data[0].length; i++) {
            var th = document.createElement("th");
            th.style.border = "2px solid #ff0000";
            var newText = document.createTextNode(data[0][i]);
            th.appendChild(newText);
            tr.appendChild(th);
        }
        thead.appendChild(tr);
        table.appendChild(thead);

        var tbody = document.createElement("tbody");
        for (var i = 1; i < data.length; i++) {
            var tr = document.createElement("tr");
            for (var j = 0; j < data[i].length; j++) {
                var td = document.createElement("td");
                td.style.padding = "5px";
                td.style.border = "2px solid #00ff00";
                var newText = document.createTextNode(data[i][j]);
                td.appendChild(newText);
                tr.appendChild(td);
            }
            tbody.appendChild(tr);
        }
        table.appendChild(tbody);
        return table;
    }

    window.onload = function () {
        var table = createTable([
    ["1", "2", "3", "4"],
    ["One", "Two", "Three", "Four"],
    ["Un", "Deux", "Trois", "Quatre"],
    ["eins", "zwet", "dret", "vier"]
    ]);
        document.body.appendChild(table)
    }

var images = ["one", "two", "doesn't", "matter"];

for (var i = 0; i < images.length; ++i) {

    images[i] = "<img src=\"" + (i+1) + ".jpg\" />";

}

for (var i = 0; i < images.length; ++i) {

    alert(images[i]);

}​