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的列表项，将在每个项目中重复。

Answer 1

使用HTML.Do的outerHTML属性

console.log(imgVal.outerHTML)

Answer 2

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

你有一个图像对象

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 3

使用.appendChild()将其添加到各自的父级。

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

检查此JSFiddle

如何将objectHTML转换为html

3 个答案: