如何在動態創建的div中添加圖像？

我我的javascript用下面的代碼中創建一個動態的div：如何在動態創建的div中添加圖像？

var div = $('<div id="a1"></div>').html("<font color=green>This is demo</font>");

我想補充本文動態創建的DIV中上方的圖像，但我沒有得到如何實現它。

我使用for循環創建動態div，並且想要在其中同時添加圖像。

for(var i=0; i<size; i++) 
    { 
     //alert("Title for zeroth manual is: "+result.manuals[i].title); 
     var div = $('<div id="a1"></div>').html("<font color=green>This is demo..</font>"); 
     $('#a1').prepend("<img src='iphone.png' />"); 
     $('#data').append(div); 
    }

我該怎麼做？請幫忙。

來源

2013-10-07 AppleBud

其實，我想用「格」變量名插入的圖像。我嘗試追加，但沒有得到預期的結果。我這樣做是爲了在輔助div中添加文本：$（'＃data'）。append（div）; – AppleBud

這個選擇器是否工作$（'

'），我認爲它sh $ b（'＃a1'）。它對我來說是新的。 – Neeraj

我試過這個Neeraj。沒有工作。 – AppleBud

我想這和它的工作對我來說很好。

var elem = document.createElement("img"); 
 
     elem.setAttribute("src", "http://img.zohostatic.com/discussions/v1/images/defaultPhoto.png"); 
 
     elem.setAttribute("height", "30"); 
 
     elem.setAttribute("width", "30"); 
 
     document.getElementById("maindiv").appendChild(elem);

來源

2016-05-03 11:49:36 Hanna

這可能工作我認爲 –

var div = $('<div id="a1"></div>'); 
div.html("<font color=green>This is demo</font>"); 
div.prepend('<img src="...">');

來源

2013-10-07 10:29:01 Sanjo

這適用於單個div，但是當我嘗試使用循環創建div時，它僅將圖像插入到一個div中。我將分享該代碼。 – AppleBud

@AppleBud創建一個具有相同ID的多個div是非常糟糕的主意。這也不是你問題的一部分。 –

@AppleBud你需要在你的DIV文件中插入一個點。 – Sanjo

（編輯對這個問題的編輯）

您可以簡單地把它添加到html：

for(var I = 0; I < size; I++) { 
    //alert("Title for zeroth manual is: "+result.manuals[I].title); 
    var div = $('<div id="a'+ I + '"></div>').html('<img src="iphone.png" /><font color="green">This is demo..</font>'); 
    $('#data').append(div); 
}

你需要不同的ID爲您的div（id爲現在a1，a2，...）

來源

2013-10-07 10:29:21 Raidri

-1

我相信你指的不正確。

嘗試$("div#a1").html....

這就是所謂的選擇。將用於閱讀他們。

來源

2013-10-07 10:30:34

OP創建了一個div，並沒有選擇一個 –

@ChrisC感謝downvote。OP表示他想添加他創建的div，所以爲了增加它，你首先需要選擇它。 –

這是我該怎麼做的。

var div = $('<div/>',{id:"a1"}); 
$("<font/>",{color:"green"}).html("This is demo").appendTo(div); 
div.prepend('<img/>',{src:"test.jpg"});

來源

2013-10-07 10:33:41

謝謝克里斯...它的工作。 :) – AppleBud

var div = $('<div id="a1"></div>').html("<img src='iphone.png' /><font color=green>This is demo</font>"); 

$('#test').append(div);

來源

2013-10-07 10:35:53 Outlooker

嘗試 -

for(var i = 0; i < size; i++) { 
    var fontObj = $('<font color=green>This is demo..</font>'); 
    var imgObj = $('<img src=".."/>'); 

    var divToInsert = $('<div id="a' + i + '"/>'); 

    imgObj.appendTo(divToInsert); 
    fontObj.appendTo(divToInsert); 

    $('#data').append(divToInsert ); 
}

希望工程:)

來源

2013-10-07 13:39:45

如何在動態創建的div中添加圖像？

回答

相關問題