javascript - 使用 Jade html 语言更改样式属性？

Question

使用下面的代码，用 jade 编写，我认为我可以通过引用它的 ID 然后设置新样式来更改 div id="content"。但是，当我在浏览器中查看运行此代码的结果时，内容是可见的而不是被隐藏。有人可以让我深入了解我做错了什么以及如何正确隐藏这样的元素吗？

   extends layout

    block content
      #content
        h5 good content test

    script.
        var searchVis = "visibility:" + search || "visibility:hidden";
        var uploadVis = "visibility:" + upload || "visibility:hidden";
        document.getElementById("content").style.visibility = "hidden";

Answer 1

当我刚才尝试你的 jade 标记时，脚本失败了，因为你没有声明 search 或 upload 变量。如果您在浏览器中使用 F12 开发工具，您会看到此错误。

对于 Jade 1.3.1，以下对我来说效果很好:

extends layout

block content
  #content
    h5 good content test

  script.
    var search="";var upload="";
    var searchVis = "visibility:" + search || "visibility:hidden";
    var uploadVis = "visibility:" + upload || "visibility:hidden";
    document.getElementById("content").style.visibility = "hidden";