Question

我目前正在开展一个辅助项目，并使用DOM操作。

下面，我创建了一个函数addImage。当浏览器调用此函数时，它将返回以下错误：

TypeError：无法执行＆＃39; appendChild＆＃39; on＆＃39; Node＆＃39;：参数1不属于＆＃39; Node＆＃39;。

function addImage(data) {
    let imageElement = new Image();
    imageElement.src = data;
    console.log(imageElement);
    let imageContainer = document.getElementById('image-container');
    imageContainer.appendChild('imageElement');
}

imageElement = `<img src="https://igcdn-photos-f-a.akamaihd.net/hphotos-ak-xpt1/t51.2885-19/11193017_906607852718693_821675199_a.jpg">`

我用这种typeError查看了其他问题。在这些示例中，字符串被添加到div元素。

Answer 1

您使用Node.appendChild()将imageElement附加到imageContainer，应将元素（ node ）传递到appendChild()，但是您通过string，这就是错误的原因。

所以，改变

imageContainer.appendChild('imageElement');

收件人

imageContainer.appendChild(imageElement);

你很好。

Working example

Answer 2

从imageElement中删除''（单引号），否则将被视为字符串，从而导致此错误。

imageContainer.appendChild（ imageElement ）;

function addImage(data) {
    let imageElement = new Image();
    imageElement.src = data;
    console.log(imageElement);
    let imageContainer = document.getElementById('image-container');
    imageContainer.appendChild(imageElement);
}

imageElement = `<img src="https://igcdn-photos-f-a.akamaihd.net/hphotos-ak-xpt1/t51.2885-19/11193017_906607852718693_821675199_a.jpg">`

参数1不是类型＆＃39;节点＆＃39;当appendChild（img）

2 个答案: