Question

我是Javascript的新手，所以我为这个相对简单的问题道歉。我有一张图片，我有兴趣附加到容器的底部（包装器）。我已经尝试了append（），appendChild（），prepend（）相对较少的成功，所以我想知道这是我宣布的事情还是其他错误。

$（ “＃imageLocation”）appendTo（包装）;

img.setAttribute("src", params.imageurl);
img.setAttribute("class","imagelink");
document.getElementById("imageLocation").appendChild(img);

imageLocation，imagelink已在我的CSS文件中声明，但是我收到以下错误：未捕获的TypeError：无法调用null的方法'appendChild'。

我还应该关注其他什么？谢谢！

Answer 1

使用JQuery，您可以这样做：

$('<img />').attr('src','file.png').addClass('some-class').appendTo('.container');

这将创建图像元素，设置图像源，添加 class，最后将所有内容追加到DOM中的容器。

Answer 2

如果你想用Javascript附加图像，你可以这样做：

var img = document.createElement('img');
img.setAttribute("src", params.imageurl);
img.setAttribute("class","imagelink");
document.getElementById("imageLocation").appendChild(img);

但是，错误消息表明，document.getElementById（“imageLocation”）返回null，这意味着没有具有id imageLocation的元素。

确保id正确，并在浏览器创建元素后执行脚本。

这可以通过将脚本放在页面底部或使用this.来完成。如果您使用的是jQuery，则可以将代码包装在内部

$('document').ready(function () {
    //code to execute
});

将图像附加到javascript的容器中

2 个答案: