如何objectHTML轉換成HTML

我在JavaScript中創建一個圖像對象如下如何objectHTML轉換成HTML

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)

來源

2013-08-24 Hunt

如果我理解正確的，這裏是我的回答

你有一個形象的物體

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-24 09:20:39 Exception

使用outerHTML財產使用.appendChild()給它添加到他們的repective父母。

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

檢查這個JSFiddle

來源

2013-08-24 09:04:37 bugwheels94

來源

2013-08-24 09:05:58 Praveen

我沒有一個規定在這裏得到一個標籤的id和插入，因爲我一直在用sencha touch中的模板屬性{img_val}替換img html – Hunt

@Hunt我無法得到你。它可以，不需要'id'，你甚至可以使用className或tagName（'getElementsByTagName'）。 – Praveen

我短暫的創建了這個img標籤之後創建了一個html塊，所以沒有辦法獲得任何div的標識 – Hunt

如何objectHTML轉換成HTML

回答

相關問題