Question

我的js不好，但我想我需要使用getElementbyId，有些人认为：

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

但是不起作用。

Answer 1

请改为尝试：

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 2

使用它，它应该有用。

<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 3

要在div中显示图像，必须将其设置为背景图像：

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

Answer 4

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

使用javascript在div中显示图像？

4 个答案: