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

【问题标题】：EJS: Hide div when data is passed from Node.jsEJS：从 Node.js 传递数据时隐藏 div
【发布时间】：2020-09-14 20:23:20
【问题描述】：

我的情况是，如果传递了数据，我想隐藏一个 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>

【问题讨论】：

可能是css有问题，在浏览器中检查那个div并检查是否显示没有应用。
我没有该元素的 CSS。我只有：body { padding-top:80px;自动换行：断词； } AND 表单 { text-align: center; }
当您在浏览器中运行该代码时，您是否检查过该代码是否隐藏了该错误？
我没听懂你刚才说的话，对不起...
加载该页面时在浏览器中打开控制台。并粘贴var x = document.getElementById("Error");x.style.display = "none";

标签： javascript node.js express ejs

【解决方案1】：

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

【讨论】：