javascript - 我收到一个错误。我需要创建img标签

var courseImage = document.getElementsByClassName("coursebox");
imgCourse = document.createElement("img");
imgCourse.setAttribute("src", "http://google.com");
courseImage.appendChild(imgCourse);

我收到错误Uncaught TypeError: courseImage.appendChild is not a function。
请帮忙

最佳答案

以下代码返回HTMLCollection：

var courseImage = document.getElementsByClassName("coursebox");

因此，从集合中获取第一个元素。使用这种方式：

var courseImage = document.getElementsByClassName("coursebox")[0];

现在，您的完整代码为：

var courseImage = document.getElementsByClassName("coursebox")[0];
imgCourse = document.createElement("img");
imgCourse.setAttribute("src", "http://google.com");
courseImage.appendChild(imgCourse);