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

Question

我现在的情况是，如果传递了数据，我想隐藏一个 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 脚本呈现我传递的数据。如何用 id="Error" 隐藏 div？

编辑：这是我要删除的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>

Answer 1

x.style.display = "none"; 不起作用，因为 bootstrap 正在覆盖属性。请改用 x.classList.add('invisible')。 Visibility in bootstrap.

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

EJS: Hide div when data is passed from Node.js

javascript

ejs

node.js

express