Visualizza un'immagine in un div con javascript?

Question

miei js non è buona, ma sto pensando ho intenzione di bisogno di usare il getElementById alcuni pensano come:

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

ma è non funziona.

Answer 1

Utilizzare questo, dovrebbe essere 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

Prova a modificare:

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

Oppure si può creare elemento di immagine in modo dinamico in questo modo:

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

Si noti inoltre che si dovrebbe usare virgolette singole o doppie virgolette non‘ carattere per archi.

---

Così qui è come il tuo codice dovrebbe essere:

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

O in alternativa:

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

Oppure, se volete applicare la vostra immagine da div sfondo, allora questo è quello che ti serve :

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

Answer 3

per visualizzare l'immagine in un div è necessario impostarlo come immagine di sfondo:

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

Answer 4

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