使用onclick和javascript代码在div中显示图像

当在不同的div中单击同一个图像时，我试图在div中显示一个图像。我有下面的代码来执行此操作，但它不起作用。 Java脚本：

    function showDiv() {
    document.getElementById(this.id).style.display = "show";
    }

HTML代码：

          <div class="row">
            <div class="col-md-4"><a href="#"><img id="1" 
            src="images/gmail.png" onclick="showDiv()"></a></div>
            <div class="col-md-4"><a href="#"><img id="2" 
               src="images/calender.png" onclick="showDiv()"></a></div>
            <div class="col-md-4"><a href="#"><img id="3" 
             src="images/Drive.png" onclick="showDiv()"></a></div>              
            </div>

请仅使用不带库的javascript函数

应该是

document.getElementById（this.id）.style.display=“block”

或

document.getElementById（this.id）.style.visibility=“visible”
它应该是

document.getElementById（this.id）.style.display=“block”

或

document.getElementById（this.id）.style.visibility=“visible”
css中没有这样的
display='show'
。您可以使用
display:'block'
您可以阅读有关
display
属性的更多信息
另外，您需要将
this
传递给showDiv，以便像这样在函数中获取id
onclick=“showDiv（this）”


函数showDiv（事件）{
document.getElementById（event.id）.style.display=“block”；
}

css中没有这样的
display='show'
。您可以使用
display:'block'
您可以阅读有关
display
属性的更多信息
另外，您需要将
this
传递给showDiv，以便像这样在函数中获取id
onclick=“showDiv（this）”


函数showDiv（事件）{
document.getElementById（event.id）.style.display=“block”；
}

我敢说你已经将相同的id应用于两个不同的元素。那是行不通的。接下来，看看simonov的回答，你应该在函数
showDiv
中传递被点击的元素，我敢说你已经将相同的id应用于两个不同的元素。那是行不通的。其他的，看看simonov的回答你应该在函数
showDiv