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>'
                    ]

このテーブルはリストビューIDのリストアイテムであるため、指定されたimg場所にタグを追加したいと思います。各アイテムで繰り返されます。{contact_image}

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プロパティを利用。

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 に答える