javascript - 无法获取html文件中的图片

Question

基本上我想做的是当我按下按钮时，就会出现图像。当它出现在 body 中时，一切都工作正常，但是当我尝试让它出现在某个 div 中时，它告诉我它不是一个函数。

function profile() {
    var src = "../trunk/Images/Capture.png";
    show_image("../trunk/Images/Capture.png", "Profile");
}


function show_image(src, alt) {
    var img = document.createElement("img");
    var element = document.getElementByClassName("console");
    img.src = src;
    img.alt = alt;
    element.appendChild(img);
}`

这是我的代码，document.body.appendChild(img);一切正常，但按照现在的方式它崩溃了:(

Answer 1

没有像document.getElementByClassName()这样的函数。它是 getElementsByClassName()，其中“elements”为复数形式，并且返回匹配元素的列表。

如果页面上确实只有一个元素，则可以为其指定一个 id 并使用 document.getElementById()。如果您确实想使用类名，请调用 .getElementsByClassName()，然后使用数组表示法取消引用以查找元素引用本身:

var element = document.getElementsByClassName("console")[0];

(假设您想要第一个匹配元素)。