获取ejs变量中的<p>标签内容

Question

我想在 ejs 变量中存储<p> 标签内容。

<div id="testDiv">
    <p id="num">5</p>

<% 
    var val = 0;
    val = document.getElementById('num').innerHTML;
    console.log(val);    // val = 5
%>

</div>

Answer 1

你不能那样做，嗯……至少不能直接这样做。 ejs 在服务器上而不是在客户端上呈现，因此它无权访问浏览器提供的document。

如果您想在客户端使用 JavaScript，那么您应该将 ejs 更改为简单的 script 元素。

<div id="testDiv">
  <p id="num">5</p>

  <script> 
    var val = 0;
    val = document.getElementById('num').innerHTML;
    console.log(val);    // val = 5
  </script>

</div>

虽然我建议不要采用这种方法，并将 JavaScript 代码移动到外部 js 文件中。

但是，如果您出于某种原因确实需要将该值放入 ejs，那么您可以像这样使用 JavaScript 提取它，将其发送到服务器并使用该值重新渲染视图。