Javascript EJS:从Node.js传递数据时隐藏div
在这种情况下,如果传递了数据,我希望隐藏一个div并显示数据 代码如下:Javascript EJS:从Node.js传递数据时隐藏div,javascript,node.js,express,ejs,Javascript,Node.js,Express,Ejs,在这种情况下,如果传递了数据,我希望隐藏一个div并显示数据 代码如下: <div class="container"> <!-- If data exists, handle them --> <ul> <% if (locals.data) { %> <script language=
<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>
x.style.display=“无”代码>不起作用,因为引导程序正在覆盖该属性。
使用x.classList.add('invisible')
可能css有问题,检查浏览器中的div并检查是否应用了display none。我没有该元素的css。我只有:body{padding top:80px;word wrap:break word;}和form{text align:center;}当您在浏览器中运行该代码时,是否检查了该代码是否隐藏了该错误?我不明白您刚才说的话,对不起…加载该页面时打开浏览器中的控制台。并粘贴var x=document.getElementById(“错误”)代码>x.style.display=“无”代码>
<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>