制作一个节点元素并附加它

Question

假设我正在创建一个节点

   element.pics.forEach((pic, i) => {
            var image = new Image();
            image.height = 180;
            image.classList.add('mt-2','rounded','mr-2', 'w-100');
            image.src    = pic;
            i++;

            if (i <= 2) {
                oHome.oImageRow1.appendChild(image);
            } else {
                oHome.oImageRow2.appendChild(image);
            }

            console.log(i);
        });

在将图像附加到oImageRow上之前，如何将其与我尝试过的col类一起包装在div中

let html = `<div class="col"><img height="180" class="mt-2 rounded mr-2 w-100" src="${pic}"/></div>`;

并使用

附加

oHome.oImageRow1.appendChild(html);

但是我说错了

  

参数1不是节点类型

Answer 1

你可以

let html = document.createElement('div')
html.classList.add('col')
html.innerHTML = '<img height="180" class="mt-2 rounded mr-2 w-100" src="${pic}"/>'

oHome.oImageRow1.appendChild(html)

您只能追加DOM节点，尝试追加字符串。