如何使用 JavaScript 显示隐藏或切换 DIV 元素_html-js-css

在 jQuery 中，您可以使用 .toggle() 方法来切换元素，任何元素。但是，如果您正在寻找纯 JavaScript 解决方案，那么这里就是。我在这里分享一个简单的代码，它展示了使用 JavaScript 切换或显示/隐藏 DIV 元素是多么容易。

相关：使用 jQuery 基于下拉选择切换 DIV 元素

元素通常用作容器，它还会包含许多其他元素，例如 form。您可能希望在满足某些条件时显示或隐藏元素。

这是一个常见的场景。我希望在按钮单击时切换元素。

标记和脚本



    Toggle example using Pure JavaScript


    
    	
    

    
    
        
            Name:
            
        
        
            Age:
            
        
            Additional Information (optional):

试试看 JS 代码中的一个简单的 if-else条件就可以解决问题。在上面的示例中，我正在更改按钮单击时元素的显示属性。您可以使用三元运算符

进一步简化上述代码。例如，