Javascript 是否使用Jade html语言更改样式属性?

Javascript 是否使用Jade html语言更改样式属性?,javascript,css,html,pug,Javascript,Css,Html,Pug,下面的代码是用jade编写的,我想我可以通过引用div id=“content”的id然后设置一个新样式来更改它。但是,当我在浏览器中查看运行此代码的结果时,内容是可见的,而不是隐藏的。有人能告诉我我做错了什么,以及如何正确地实现隐藏这样的元素吗 extends layout block content #content h5 good content test script. var searchVis = "visibil

下面的代码是用jade编写的,我想我可以通过引用div id=“content”的id然后设置一个新样式来更改它。但是,当我在浏览器中查看运行此代码的结果时,内容是可见的,而不是隐藏的。有人能告诉我我做错了什么,以及如何正确地实现隐藏这样的元素吗

   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";

刚才我尝试jade标记时,脚本失败,因为您没有声明
搜索
上传
变量。如果在浏览器中使用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";

太棒了,我能看出我做错了什么。“脚本”的位置似乎非常重要。如果我把它放在任何其他缩进,它将不会像我预期的那样工作。谢谢!