无法在html文件中获取图片

时间:2015-02-26 16:11:46

标签: javascript image

基本上我要做的是当我按下按钮时,会出现一个图像。当它出现在身体中时,一切都很好,但当我试图让它出现在某个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);一切正常,但现在它崩溃的方式:(

2 个答案:

答案 0 :(得分:1)

标准浏览器DOM没有getElementByClassName方法。它有getElementsByClassName - 复数 - 它返回一个HTML集合(它是一个像包含所有匹配元素的数组的对象)。

答案 1 :(得分:1)

没有document.getElementByClassName()这样的功能。它是getElementsByClassName(),其中“元素”是复数,它返回一个匹配元素列表。

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

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

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