javascript - HTMLImageElement 节点而不是真实图像

Question

我正在动态创建一些图像元素，一切都很好，但是当我尝试将这些图像包装在 li 元素中时，我在 DOM 中得到了奇怪的响应，即:[object HTMLImageElement ]。

这是代码，请注意元素包装函数和 requireJS 工作正常，问题出在包装侧。

$.each(images, function(key, value){
    requirejs(["globals"], function(){
        var _image = createEl("img", {
            className: "thumb",
            src: photosTempUrl + value
        });
        var image = $('<li>' + _image + '</li>');
        image.appendTo('#js-thumbsBox');
    });
});

感谢帮助。

Answer 1

您已经创建了一个元素 (_image = createEl(...))，然后将其转换为字符串(与任何对象一样，这会导致[对象构造函数名称])

相反，请尝试:

var image = $("<li>");
image.append(_image);
image.appendTo("#js-thumbsBox");