JS appendChild 不是函数

Question

所以我知道这个问题已经被问了很多次了，但我仍然没有找到解决问题的方法：

HTML


<div class="thumbnails"></div>

JS

function createImg(index){
    tempImg.src = paths[index];
}

function appendImg(){
    var img = document.createElement('img');
    img.src = tempImg.src;

    createImg(index++);
    img.setAttribute('id', 'firsts');
    ** document.getElementsByClassName('thumbnails').appendChild(img); **
}

我想将新创建的 image/s 附加到我的 div。我已经尝试了很多版本，但似乎没有任何效果。

如果我使用 "document.body.appendChild(img);" 这很好用，但这不是我需要的。

Answer 1

您可以为此使用 document.querySelector()：

document.querySelector(".thumbnails").appendChild(img);

as querySelector() returns 文档中与指定选择器匹配的第一个元素。但是 document.getElementsByClassName returns 具有所有给定 class 名称的所有子元素的类似数组的对象，并且此类似数组的对象没有任何 appendChild 方法。

JS appendChild 不是函数

JS appendChild is not a function

html

javascript

tags

dynamic

appendchild