javascript - 如何使按钮在onclick上显示内容？

当我单击按钮时，我试图使其显示div，我在做什么错？

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

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

最佳答案

你用

 document.getElementById("Dglow")

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

您有2种解决方法：

1）在您的元素中添加一个ID

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

Example

2）用类调用find元素

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

Example

希望对您有帮助。

关于javascript - 如何使按钮在onclick上显示内容？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32153720/