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

Question

我正在尝试编写一种小库存的代码。

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

因此，我在hover-div中创建了一个新元素，并将其赋给dragIcon变量。

在Google Chrome开发者模式部分，它一直给我一个错误，即getElementByClass方法不是一个函数。

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

我真的很努力地寻找这个问题的解决方案，但我似乎什么也找不到。你能帮我一下吗？

谢谢!

Answer 1

试一试

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

它是getElementsByClassName而不是getElementByClass，它返回一个数组。

Docs here。