Question

当我点击按钮时我希望div显示，当我再次点击按钮时，我希望它消失。我究竟做错了什么？

＆＃13;

<button type="button" onclick="myFunction()">Click Me!</button>

<div id="Dglow" class="Dglow">
    Glow
</div>

<script>
function myFunction() {
    var e = document.getElementById("Dglow").style.display;
    if (e == "none")
        e = "block";
    else {
        e = "none";
    }
}

＆＃13;

Answer 1

您应该比较和更改元素的display属性：

function myFunction() {
    var e = document.getElementById("Dglow").style;
    if (e.display == "none") {
        e.display = "block";
    } else {
        e.display = "none";
    }
}

<button type="button" onclick="myFunction()">Click Me!</button>

<div id="Dglow" class="Dglow">Glow</div>

Answer 2

实际上document.getElementById("Dglow").style.display会返回一个字符串，根据左手分配规则，您无法将任何内容存储到该字符串，因为该字符串现在不是变量/对象，即不再是对DOM的引用

你可以做的是

var e = document.getElementById("Dglow").style;
if(e.display == "none")
   e.display = "block";
else{
   e.display = "none";
}

Answer 3

你考虑过使用Jquery吗？如果是这样，你需要什么。

$(document).ready(function(){
    $("#button").click(function(){
        $("#Dglow").toggle();
    });
});

你需要给你的按钮一个id。

如何在javascript中显示/隐藏div？

3 个答案: