Eu tenho uma tag div
<div id="theDiv">Where is the image?</div>
Gostaria de adicionar uma tag de imagem dentro da div
Resultado final:
<div id="theDiv"><img id="theImg" src="theImg.png" />Where is the image?</div>
Eu tenho uma tag div
<div id="theDiv">Where is the image?</div>
Gostaria de adicionar uma tag de imagem dentro da div
Resultado final:
<div id="theDiv"><img id="theImg" src="theImg.png" />Where is the image?</div>
Respostas:
Você já tentou o seguinte:
$('#theDiv').prepend('<img id="theImg" src="theImg.png" />')
meus 2 centavos:
$('#theDiv').prepend($('<img>',{id:'theImg',src:'theImg.png'}))
$("#theDiv").append("<img id='theImg' src='theImg.png'/>");
Você precisa ler a documentação aqui .
Se quisermos alterar o conteúdo da <div>
tag sempre que a função image()
for chamada, temos que fazer o seguinte:
Javascript
function image() {
var img = document.createElement("IMG");
img.src = "/images/img1.gif";
$('#image').html(img);
}
HTML
<div id="image"></div>
<div><a href="javascript:image();">First Image</a></div>
Além do post de Manjeet Kumar (ele não tinha a declaração)
var image = document.createElement("IMG");
image.alt = "Alt information for image";
image.setAttribute('class', 'photo');
image.src="/images/abc.jpg";
$(#TheDiv).html(image);