Javascript 如何将objectHTML转换为html

我已经用javascript创建了一个图像对象，如下所示

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

现在我想有一些函数，可以将上面的

imgVal

对象转换成

html

即

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

现在我想添加

img

标记，其中指定了

{contact\u image}

，因为此表是listview id的列表项，将在每个项中重复。

使用HTML属性。是否喜欢

console.log(imgVal.outerHTML)

用于将其添加到其各自的父对象

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

---

检查此项

如果我理解正确，以下是我的答案

你有一个图像对象

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

你需要从中提取HTML，所以

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

---

查看控制台以了解您想要的内容。看到这个

我在这里没有获取标记id和插入的规定，因为我一直在用sencha中的模板属性{img_val}替换img htmltouch@Hunt我找不到你。没关系，不需要

id

，甚至可以使用类名或标记名（

getElementsByTagName

）.i short我的html块是在创建img标记之后创建的，因此无法获取我在

sencha touch

中未使用的任何div的id，但这是在JS中必须执行的操作。@Hunt要在html中添加此图像的位置？例如，您希望附加，但如果指定相应的标记名或..，则会有所帮助。。

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