Question

当我在另一个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函数而不使用库。

Answer 1

应该是

document.getElementById(this.id).style.display = "block";

或

document.getElementById(this.id).style.visibility = "visible";

Answer 2

css中没有这样的display='show'。您可以使用display:'block'您可以阅读有关display属性here的更多信息你还需要将this传递给showDiv才能在函数内部获取id onclick="showDiv(this)"

function showDiv(event) {
    document.getElementById(event.id).style.display = "block";
    }

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

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

2 个答案: