3

document.createElement から作成された DIV があります。この DIV に追加する必要があるいくつかのテキストと画像があります。誰かが私にそれを行うための最良の方法を提案できますか? 画像のパスは、image 変数で指定されます。以下は、私がすでに書いたコードです。contentattachpoint は、によって取得される HTML ページにある別の DIV です。

var contentattachpoint=document.querySelector('.contentattachPoint');


var year="Year of Manufacture:"+arr[i].year;
var power="Engine Power:"+arr[i].power;
var description="Description:"+arr[i].description;
var image=arr[i].image;
var details = document.createElement("div");
details.setAttribute("id", "details");
details.className = "details";
details.value=year+power+description;
contentattachpoint.appendChild(details)

前もって感謝します。

4

3 に答える 3

1

あなたの質問について私が理解していることから、作成したdivにテキストと画像の両方が必要だと思うので、このようなことをしてください

details.innerHTML = description + "<img src='"+image+"'>";
于 2013-04-10T17:44:30.103 に答える
0

jQuery を使用している場合は、.append()関数を使用します。

例：

$('#details').append('<img src="' + image + '" />');

Prependもご覧ください。

ソース

jQuery API - append()
jQuery API - prepend()

于 2013-04-10T17:40:59.807 に答える
0

あなたがすでに行っていることをするだけですdetails.appendChild()

このサンプル例を見てください:

div を動的に作成し、それに段落タグと画像タグを追加する方法を示すデモ例を作成しました。

http://jsfiddle.net/2LAYS/2/

于 2013-04-10T17:43:28.177 に答える