Dojo使用链接创建图像

Question

有没有办法使用dojo / dom-construct创建带链接的图像元素？我正在寻找以下HTML代码的等价物：

<a href="test.html" target="_blank">
    <img src="/pix/byron_bay_225x169.jpg" >
</a>

Answer 1

是的，这是可能的！

就这样做：

var anchor= domConstruct.create('a', {
    'href': 'test.html',
    'target': '_blank'
});
var image= domConstruct.create('img', {
     'src': '/pix/byron_bay_225x169.jpg'
});
domConstruct.place(image, anchor);

Answer 2

HTML：

<div data-dojo-attach-point="container"></div>

JS：

 var img = domConstruct.create("img", {
                 src: "/path/image.png",
                 style: "height:16px;width:16px;",
                 title: "Image",
                 onclick: function(){
                    // onclick event
                 },
                 onmouseenter: function(){
                    // on mouse over event
                 },
                 onmouseout: function(){
                    // on mouse out event
                 }
);
domConstruct.place(img, this.container);