जावास्क्रिप्ट के साथ एक div में एक छवि प्रदर्शित करें?

Question

मेरी js अच्छा नहीं है, लेकिन मुझे लगता है मैं getElementByID उपयोग करने की आवश्यकता करने जा रहा हूँ कुछ की तरह लगता है सोच रहा हूँ:

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

लेकिन है काम नहीं करता।

Answer 1

इसका उपयोग करें, इसे खराब होना चाहिए कश्मीर।

<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

ऐसा करें:

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

या आप इस तरह गतिशील छवि तत्व बना सकते हैं:

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

भी ध्यान रखें कि आप एकल उद्धरण या डबल कोट्स नहीं ‘ चरित्र का उपयोग करना चाहिए तारों के लिए।

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

या वैकल्पिक रूप से:

---

तो यहाँ कैसे अपने कोड होना चाहिए

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

या यदि आप पृष्ठभूमि div करने के लिए अपनी छवि को लागू करना चाहते हैं, तो यह आपके लिए क्या जरूरत है :

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

Answer 3

एक div में छवि प्रदर्शित करने के लिए आप पृष्ठभूमि छवि के रूप में सेट करना होगा:

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

Answer 4

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