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

Question

我的哈巴狗

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

我的js，

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

当我尝试安慰 div id 的值时，它的值为空。有人可以建议我帮助我在哪里做错。

Answer 1

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

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

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

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