Javascript 创建一个节点元素并附加它

假设我正在创建一个节点

   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);
        });

但是我有一个错误，说

参数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)

let html=document.createElement（'div'））
html.classList.add（'col'）
html.innerHTML=“”
oHome.oImageRow1.appendChild（html）

---

您只能附加DOM节点，您试图附加一个字符串。

嗯，仅仅一个文本字符串并不是实际的HTML元素节点。如果要以字符串形式将HTML代码指定为元素的新内容，并让浏览器对其进行解析，则需要使用

innerHTML

；或者您需要使用适当的DOM方法（createElement等）创建实际的元素并设置它们的属性。感谢我现在得到的评论

oHome.oImageRow1.appendChild(html);

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)