¿Visualizas una imagen en un div con javascript?

Question

mis js no es bueno, pero estoy pensando que voy a tener que usar el GetElementByID Algunos piensan como:

if (a == ‘tick’) 
document.getElementById(‘imageDiv’) = tick.gif 
else 
document.getElementById(‘imageDiv’) = cross.gif 
<div id="imageDiv"></div> 

pero es que no funciona.

Answer 1

Utilice esto, debería wor k.

<script type="text/javascript"> 
function image(thisImg) { 
    var img = document.createElement("IMG"); 
    img.src = "images/"+thisImg; 
    document.getElementById('imageDiv').appendChild(img); 
} 
if (a == 'tick') { 
    image('tick.gif'); 
} else { 
    image('cross.gif'); 
} 
</script> 
<div id="imageDiv"></div> 

Answer 2

Tal vez puedas probar:

document.getElementById('imageDiv') 
    .innerHTML = '<img src="imageName.png" />'; 

O puede crear elemento de imagen de forma dinámica como esta:

var par = document.getElementById('imageDiv'); 
var img = document.createElement('img'); 
img.src = 'put path here'; 
par.appendChild(img); 

Tenga en cuenta también que se debe utilizar comillas simples o dobles no‘ carácter para cuerdas.

---

Así que aquí es cómo el código debe ser:

var imgName = a === 'tick' ? 'tick.gif' : 'cross.gif'; 
document.getElementById('imageDiv') 
    .innerHTML = '<img src="' + imgName + '" />'; 

O, alternativamente:

var imgName = a === 'tick' ? 'tick.gif' : 'cross.gif'; 
var par = document.getElementById('imageDiv'); 
var img = document.createElement('img'); 
img.src = imgName; 
par.appendChild(img); 

O si desea aplicar su imagen a DIV fondo, entonces esto es lo que necesita :

var imgName = a === 'tick' ? 'tick.gif' : 'cross.gif'; 
document.getElementById('imageDiv').style.backgroundImage = 'url('+ imgName +')'; 

Answer 3

para mostrar la imagen en un div debe configurarlo como imagen de fondo:

document.getElementById(‘imageDiv’).style.backgroundImage = 'url(tick.gif)'; 

Answer 4

document.getElementById('imageDiv').innerHTML = 
'<img src="' + (a == 'tick'?'tick':'cross') + '.gif">';