Javascript DOM操作

您好，当我的脚本输出一个图像时，有没有办法让它输出一个引导行？我需要每行3行4列：

<div class="row">
    <div class="col-md-3">
        // IMAGE HERE
    </div>
    <div class="col-md-3">
        // IMAGE HERE
    </div>
    <div class="col-md-3">
        // IMAGE HERE
    </div>
</div>

//图像在这里
//图像在这里
//图像在这里

我需要有4行容纳每行3个图像，我正在努力让我的头左右。这是我迄今为止的javascript代码，如果有人能帮忙，我将不胜感激

function displayContent() {

    document.getElementById("findCar").onsubmit = function() {

        var registration = document.getElementById("regPlate").value,
            reference = document.getElementById("stockRef").value;

        var regArray = registration.split(''),
            refArray = reference.split(''),
            referenceNinth = refArray[10];

        var reverseReg = regArray.reverse();
        var obfuscated = [];
        var obf_index = 0;

        for(i=0; i<=6; i++) {
            obfuscated[obf_index] = refArray[i];
            obf_index++;
            obfuscated[obf_index] = reverseReg[i];
            obf_index++;
        }

        obfuscated.push(referenceNinth);

        var obfuscatedString = obfuscated.join("");
        var camera = [];
        var cameraSize = "350";
        var cam_index = 0;

        for(i=0; i<=1; i++) {
            if(i>0) cameraSize = "800";
            camera[cam_index++] = cameraSize+"/f";
            camera[cam_index++] = cameraSize+"/i";
            camera[cam_index++] = cameraSize+"/6";
            camera[cam_index++] = cameraSize+"/5";
            camera[cam_index++] = cameraSize+"/4";
            camera[cam_index++] = cameraSize+"/r";
        }

        for (i = 0; i <= 11; i++) {
            var img = new Image();
            img.src = "http://imagecache.arnoldclark.com/imageserver/" + obfuscatedString + "/" + camera[i];
            document.body.appendChild(img);
        }

    return false;

    };
}

函数displayContent（）{
document.getElementById（“findCar”）.onsubmit=function（）{
var注册=document.getElementById（“regPlate”）.value，
参考=document.getElementById（“stockRef”）.值；
var regArray=注册。拆分（“”），
REFRARAY=参考分割（“”），
referenceInth=refArray[10]；
var reverseReg=regArray.reverse（）；
变量模糊=[]；
var obf_指数=0；
对于（i=0；i您可以在循环中建立一个html字符串，然后使用
.innerHTML
进行追加

e、 g.-将最终for循环替换为以下内容：

var newHtml = '<div class="row">';

for (i = 0; i <= 11; i++) {

    newHtml = newHtml + '<div class="col-md-3">' +
                        '<img src = "' +
                        'http://imagecache.arnoldclark.com/imageserver/' + obfuscatedString + '/' + camera[i] + '"></img>' +
                        '</div>';
}

newHtml = newHtml + '</div>';

document.getElementById("#IdOfElementToAppendTo").innerHTML = newHtml;

var newHtml=''；
对于（i=0；我想用3行4列还是4行3列？我的编辑不清楚。我需要3行4列。对不起。谢谢你的帮助，总共有12个图像。这12个图像来自哪里？它们是静态的还是来自某种AJAX调用？编辑-无需担心，我正确地阅读了你的代码，我现在明白了。那谢谢你的建议，我试过你的代码，但它不起作用：（，我已经试过这种代码很多次了，出于某种原因，它似乎不起作用