附加子Javascript

我试图将图像附加到一个引导列，但运气不好，有人知道我的代码出了什么问题吗

for (i = 0; i <= 11; i++) {
     var img = new Image();
     img.src = 'http://imagecache.arnoldclark.com/imageserver/" + obfuscatedString + "/" + camera[i] + "';
     var row = "<div class='row'><div class='col-md-2'> + img[0] +</div></div>";
     document.body.appendChild(row);
}

---

for（i=0；i这里是一个全javascript解决方案

var camera = ['http://placehold.it/200x200']

for (i = 0; i <= 0; i++) {
    var img = new Image();
    img.src = camera[i];
    var row = document.createElement('div');
    row.className = 'row';
    var imgContainer = document.createElement('div');
    imgContainer.className = 'col-md-2';
    imgContainer.appendChild(img);
    row.appendChild(imgContainer);
    document.body.appendChild(row);
}

var-camera=['http://placehold.it/200x200']
对于（i=0；i，这里是一个全javascript解决方案

var camera = ['http://placehold.it/200x200']

for (i = 0; i <= 0; i++) {
    var img = new Image();
    img.src = camera[i];
    var row = document.createElement('div');
    row.className = 'row';
    var imgContainer = document.createElement('div');
    imgContainer.className = 'col-md-2';
    imgContainer.appendChild(img);
    row.appendChild(imgContainer);
    document.body.appendChild(row);
}

var-camera=['http://placehold.it/200x200']
对于（i=0；i，这里是一个全javascript解决方案

var camera = ['http://placehold.it/200x200']

for (i = 0; i <= 0; i++) {
    var img = new Image();
    img.src = camera[i];
    var row = document.createElement('div');
    row.className = 'row';
    var imgContainer = document.createElement('div');
    imgContainer.className = 'col-md-2';
    imgContainer.appendChild(img);
    row.appendChild(imgContainer);
    document.body.appendChild(row);
}

var-camera=['http://placehold.it/200x200']
对于（i=0；i，这里是一个全javascript解决方案

var camera = ['http://placehold.it/200x200']

for (i = 0; i <= 0; i++) {
    var img = new Image();
    img.src = camera[i];
    var row = document.createElement('div');
    row.className = 'row';
    var imgContainer = document.createElement('div');
    imgContainer.className = 'col-md-2';
    imgContainer.appendChild(img);
    row.appendChild(imgContainer);
    document.body.appendChild(row);
}

var-camera=['http://placehold.it/200x200']
对于（i=0；i对不起，但是您的代码没有任何意义。它有很多问题：

以下是您开始的内容：

for (i = 0; i <= 11; i++) {
     var img = new Image();
     img.src = 'http://imagecache.arnoldclark.com/imageserver/" + obfuscatedString + "/" + camera[i] + "';
     var row = "<div class='row'><div class='col-md-2'> + img[0] +</div></div>";
     document.body.appendChild(row);
}

此代码执行以下步骤：

计算图像src URL
创建容器divdom对象
在容器对象上设置所需的类名
将容器的
.innerHTML
属性设置为容器中所需HTML的HTML字符串（这将自动在容器中创建该组DOM对象）
将容器附加到文档中
很抱歉，您的代码没有任何意义。它有很多问题：

以下是您开始的内容：

for (i = 0; i <= 11; i++) {
     var img = new Image();
     img.src = 'http://imagecache.arnoldclark.com/imageserver/" + obfuscatedString + "/" + camera[i] + "';
     var row = "<div class='row'><div class='col-md-2'> + img[0] +</div></div>";
     document.body.appendChild(row);
}

此代码执行以下步骤：

计算图像src URL
创建容器divdom对象
在容器对象上设置所需的类名
将容器的
.innerHTML
属性设置为容器中所需HTML的HTML字符串（这将自动在容器中创建该组DOM对象）
将容器附加到文档中
很抱歉，您的代码没有任何意义。它有很多问题：

以下是您开始的内容：

for (i = 0; i <= 11; i++) {
     var img = new Image();
     img.src = 'http://imagecache.arnoldclark.com/imageserver/" + obfuscatedString + "/" + camera[i] + "';
     var row = "<div class='row'><div class='col-md-2'> + img[0] +</div></div>";
     document.body.appendChild(row);
}

此代码执行以下步骤：

计算图像src URL
创建容器divdom对象
在容器对象上设置所需的类名
将容器的
.innerHTML
属性设置为容器中所需HTML的HTML字符串（这将自动在容器中创建该组DOM对象）
将容器附加到文档中
很抱歉，您的代码没有任何意义。它有很多问题：

以下是您开始的内容：

for (i = 0; i <= 11; i++) {
     var img = new Image();
     img.src = 'http://imagecache.arnoldclark.com/imageserver/" + obfuscatedString + "/" + camera[i] + "';
     var row = "<div class='row'><div class='col-md-2'> + img[0] +</div></div>";
     document.body.appendChild(row);
}

此代码执行以下步骤：

计算图像src URL
创建容器divdom对象
在容器对象上设置所需的类名
将容器的
.innerHTML
属性设置为容器中所需HTML的HTML字符串（这将自动在容器中创建该组DOM对象）
将容器附加到文档中
您得到的错误是什么？有点担心您正在引用
camera[i]
不确定它是否有效，但您可能会在上面对它进行硬编码。我在上面引用了它，如果appendChild使用节点，我应该使用什么方法添加到html中？#看起来这个问题还有待解决。我收回我的答案。请。
appendChild
需要一个DOM元素，而不是字符串。您遇到了什么错误你在做什么？有点担心你正在引用
camera[i]
不确定它是否有效，但您可能会在上面对它进行硬编码。我在上面引用了它，如果appendChild使用节点，我应该使用什么方法添加到html中？#看起来这个问题还有待解决。我收回我的答案。请。
appendChild
需要一个DOM元素，而不是字符串。您遇到了什么错误你在做什么？有点担心你正在引用
camera[i]
不确定它是否有效，但您可能会在上面对它进行硬编码。我在上面引用了它，如果appendChild使用节点，我应该使用什么方法添加到html中？#看起来这个问题还有待解决。我收回我的答案。请。
appendChild
需要一个DOM元素，而不是字符串。您遇到了什么错误你在做什么？有点担心你正在引用
camera[i]
不确定它是否有效，但您可能会在上面对它进行硬编码。我在上面引用了它，如果appendChild使用一个节点，我应该使用什么方法来添加到html中？#看起来这个问题还有一段路要走。我收回我的答案。请。
appendChild
需要一个DOM元素，而不是字符串。您不能添加
 
DOM对象转换为HTML字符串。再次检查，我完成了更改answer@jfriend00我太习惯jQuery了。它让我变得柔软了！好吧，它现在看起来已经修好了。我不知道为什么要使用
document.getElementsByTagName（'body'）[0]
而不是
document.body
我不知道为什么不能用HTML填充容器，而不是单独创建每个元素，但您的代码是单独创建每个元素的演示。我最初制作示例的plunkr上
document.body
为空。但是再次
documnt.getElementsByTagName（'body'）[0]
在此处未定义。无法将
DOM对象添加到HTML字符串中。请再次签出，我已完成更改answer@jfriend00我太习惯jQuery了。它让我变得柔软了！好吧，它现在看起来已经修好了。我不知道为什么要使用
document.getElementsByTagName（'body'）[0]
而不是
document.body
我不知道为什么不能用HTML填充容器，而不是单独创建每个元素，但您的代码是单独创建每个元素的演示。我最初制作示例的plunkr上
document.body
为空。但是再次
documnt.getElementsByTagName（'body'）[0]
在此处未定义。无法添加