javascript - 为什么编译器说 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 并且它返回一个数组。

文档 here .