如何在打开页面时显示隐藏元素？

<style>
    .hidden {
        display: none;
    }
</style>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('elementId');
        element.classList.add('hidden'); // 隐藏元素
        // element.classList.remove('hidden'); // 显示元素
    });
</script>

<style>
    .hidden {
        visibility: hidden;
    }
</style>
<script>
    window.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('elementId');
        element.classList.add('hidden'); // 隐藏元素
        // element.classList.remove('hidden'); // 显示元素
    });
</script>

<script>
    window.addEventListener('DOMContentLoaded', function() {
        var element = document.getElementById('elementId');
        element.style.display = 'none'; // 隐藏元素
        // element.style.display = 'block'; // 显示元素
        // 或
        // element.style.visibility = 'hidden'; // 隐藏元素
        // element.style.visibility = 'visible'; // 显示元素
    });
</script>