时间戳

首页 > 解决方案 > EJS：从 Node.js 传递数据时隐藏 div

javascript - EJS：从 Node.js 传递数据时隐藏 div

问题描述

我处于一种情况，如果传递了数据，我想隐藏一个 div 并显示数据。

这是代码：

        <div class="container">
            <!-- If data exists, handle them -->
            <ul>
                <% if (locals.data) { %>
                    <script language="javascript">
                        var x = document.getElementById("Error");
                        x.style.display = "none";
                    </script>
                    <% data.forEach(function(dat) { %>
                        <li><%= dat %></li>
                    <% }); %>
                <% } %>
            </ul>
        </div>

我设法传递数据，但错误消息仍然存在。然后根据 EJS 脚本渲染我传递的数据。我怎样才能隐藏div id="Error"？

编辑：这是我要删除的 div

<div class="d-flex justify-content-center align-items-center container" id="Error">
                <div class="row">
                    <div class="d-flex justify-content-center align-items-center container">
                        <h2 class="text-center">There are no STL models!</h2>
                    </div>
                </div>  
            </div>

标签： javascriptnode.jsexpressejs

解决方案

x.style.display = "none";不起作用，因为引导程序正在覆盖该属性。改为使用x.classList.add('invisible')。引导程序中的可见性。

推荐阅读