1

我在javascript中创建了一个图像对象，如下所示

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

现在我想要一些将上面的imgVal对象转换为htmlie的函数

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

4

3 回答 3

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/

于 2013-08-24T09:20:39.723 回答
1

使用HTML 的outerHTML属性。Do like

console.log(imgVal.outerHTML)
于 2013-08-24T09:04:37.977 回答
0

用于.appendChild()将其添加到其相应的父级。

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

检查这个JSFiddle

于 2013-08-24T09:05:58.310 回答