2つの要素を同時にもう1つの要素を要素に追加します

Question

xmlの写真リストから 'src'属性のクロスドメインを取得するプロキシアプリケーションがあります。

イメージをフルサイズにしたい場合は、presize divのINSIDEを伸ばしずに一様なサイズでレンダリングします。

自分でイメージを追加する方法はわかっていますが、divを作成する方法、イメージをその要素に追加してから、そのdivをimgとともにコンテナに追加する方法はわかりません。

tl; dr; 今、私はこの生産この

$("<img>").attr("src", stuff).attr('class','imgur').appendTo("#content"); 

あります

<div id="content"> 
    <img /> 
    <img /> 
    <img /> 
    <img /> 
</div> 

をそして、私はこの希望：少し私のユースケースを満たすように変更

<div id="content"> 
    <div class="window"><img /></div> 
    <div class="window"><img /></div> 
    <div class="window"><img /></div> 
    <div class="window"><img /></div> 
</div> 

回答：

を 解雇され

：

HtmlPage.Window.Invoke("imgAdd", p.src); 
System.Threading.Thread.Sleep(20); 

Answer 1

var content = document.getElementById("content"); 
for (var i = 0; i < len; i++) { 
    var img = new Image(); 
    img.src = data[i].stuff; 
    img.classList.add("imgur"); 
    var div = document.createElement("div"); 
    div.classList.add("window"); 
    div.appendChild(img); 
    content.appendChild(div); 
} 

次は、レガシープラットフォームのサポートのためのclassList shimまたはDOM shimが必要になる場合があります試してみてください。

classList shimが必要ない場合は、.classNameを直接操作できます。

.className = "string"または.className += " string"

Answer 2

var theDiv = $('<div></div>'); 
$('<img>').attr('src', stuff).attr('class', 'imgur').appendTo(theDiv); 
theDiv.appendTo('#content'); 

Answer 3

$('#content').append('<div class="window"><img /></div>'); 

しかし、あなたは唯一の均一な大きさを持っている画像が必要な場合は、CSSを移動するための方法です。