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

Question

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。

请帮忙

Answer 1

以下代码返回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);