为什么编译器说getElementByClass不存在？

Question

我试图编写一小块库存代码。

    var dragIcon = document.getElementByClass('hover-div').createElement('img');

所以我刚刚在hover-div中创建了一个新元素，并将其分配给dragIcon变量。

在谷歌浏览器开发者模式部分，它一直给我一个错误，即方法getElementByClass不是函数。

我做错了什么或者这只是为变量分配新元素的一种非常草率的方法？奇怪的是，图像确实在div中创建，但显然它没有被赋值给dragIcon变量。

我努力寻找这个问题的解决方案，但我似乎没有找到任何东西。你能帮我解决这个问题吗？

谢谢！

Answer 1

尝试

document.getElementsByClassName('hover-div').forEach(function( el ){
    var img = document.createElement('img');
    el.appendChild( img );
})

它getElementsByClassName而非getElementByClass并返回一个数组。

文档here。