如何objectHTML转换成HTML

Question

我在JavaScript中创建一个图像对象如下

var imgVal = new Image(); 
    imgVal.src= 'resources/img/def.png'; 

现在我希望有一些功能，其将上述imgVal对象为html即

<img scr="resources/img/def.png" /> 

我是使用sencha touch所以如果有任何现有的功能可用然后请告诉我

以下是模板

itemTpl:['<table border=0>', 
         '<tr><td rowspan="2"><div id="ca-img-frame">{contact_image}</div></td><td>{contact_name}</td></tr>', 
         '<tr><td>{contact_number}</td></tr>', 
        '</table>' 
        ] 

现在我想补充img标签已指定{contact_image}，因为这个表是ListView控件ID的列表项将在每个项目重复。 HTML.Do像

console.log(imgVal.outerHTML) 

Answer 1

如果我理解正确的，这里是我的回答

你有一个形象的物体

var imgVal = new Image(); 
imgVal.src= 'resources/img/def.png'; 

你需要得到HTML出来的，所以

var div = document.createElement(); 
div.appendChild(imgVal); 
console.log(div.innerHTML); 
div = null; 

查看你想要的控制台。看到这http://jsfiddle.net/aAzdz/

Answer 2

使用outerHTML财产使用.appendChild()给它添加到他们的repective父母。

var imgVal = new Image(); 
imgVal.src= 'resources/img/def.png'; 
document.getElementById('idOfParent').appendChild(imgVal); 

检查这个JSFiddle

Answer 3