Javascript 通过html图像元素对象显示图像

我有以下代码：

function createImage(source) {                
var pastedImage = new Image();                
pastedImage.onload = function() {

}
pastedImage.src = source;
}

函数createImage包含包含图像源的源参数。在这之后，我创建了类Image的object pastedImage，并警告我正在获取类似

[object HTMLImageElement]

的html图像元素对象

我的问题是如何使用该对象将图像显示到html页面中。我想在onload函数之后显示它

---

提前感谢。

你好：工作演示

使用的Api=

.html

在演示中，单击

单击我

按钮

希望这有帮助！如果我遗漏了什么，请告诉我！B-）

代码

$('#foo').click(function() {
    createImage("http://images.wikia.com/maditsmadfunny/images/5/54/Hulk-from-the-movie.jpg");

});

function createImage(source) {
    var pastedImage = new Image();
    pastedImage.onload = function() {

    }
    pastedImage.src = source;
    $(".testimonialhulk").html(pastedImage);
}​

---

您也可以这样做：

    function createImage(source) {
        var pastedImage = new Image();
        pastedImage.onload = function() {

 document.write('<br><br><br>Your image in canvas: <img src="'+pastedImage.src+'" height="100" width="200"/>');                      

        }
        pastedImage.src = source;        
    }​

函数createImage（源代码）{
var pastedImage=新图像（）；
pastedImage.onload=函数（）{
文档。写（“


画布中的图像：”）；
}
pastedImage.src=源；
}​

使用javascript dom原语（replaceChild）更简单、更好：

获取图像的父对象，即包含它的div或span，并用您用函数创建的新图像对象替换旧的img标记

 var domImgObj = document.getElementById("image");

 var imgObj = createImage(src); // your function
 imgObj.id = pageimgObj.id; // necessary for future swap-outs

 document.getElementById("container").replaceChild(imgObj,domImgObj);