javascript - 如何让按钮在点击时显示内容？

Question

我试图让它在我点击按钮时显示 div，我做错了什么？

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

<script>
    function myFunction(){
        dglow.style.display='block'
    }
</script>

Answer 1

你用

 document.getElementById("Dglow")

但是您的元素没有 id，而是一个类。

你有两种方法来修复它:

1) 给你的元素添加一个id

<div id="Dglow" class="Dglow">
    Glow
</div>

Example

2) 调用查找类的元素

function myFunction() {
    var y = document.getElementsByClassName('Dglow');
    y[0].style.display = 'block';
}

Example

希望对您有所帮助。