如何在 pug 中使用按 id 获取元素

【问题标题】：How to use get element by id in pug如何在 pug 中使用按 id 获取元素
【发布时间】：2018-03-14 11:11:40
【问题描述】：

我的哈巴狗，

span
  a#survey.afont(href='/disease-description/Endocrinology')= disease_desc.Specialities[i].name

我的js，

  var name  = document.getElementById('survey');
  console.log(name);

当我尝试控制 div id 的值时，它的值是空的。任何人都可以建议我帮助我在哪里做错了。

【问题讨论】：

【解决方案1】：

请注意，Jade/Pug 模板中 <script></script> 标记内编写的 javascript 仅在模板在浏览器中呈现时才会运行。解析 Jade/Pug 文件时，它不会在服务器端运行。

现在，在浏览器端，为了访问元素，您的脚本应该位于页面底部，这样当您的脚本代码运行时，所有元素都已加载到 DOM 中。

否则，如果您需要将脚本代码放在头部，您可以使用以下事件使代码仅在 DOM 加载后运行：

document.addEventListener("DOMContentLoaded", function(event) { 
  var name  = document.getElementById('survey');
  console.log(name);
});

【讨论】：