javascript - 如何在 Pug (Jade) 的“每个”迭代中使用 JavaScript 变量

Question

（如果以下问题有英文错误，请告诉我，我会更正。）

嘿，我必须使用 Pug 做一个项目，我已经完成了所有工作，但现在我被卡住了，因为我必须从 pug 渲染器中获取一个变量才能使用它，并且当我点击我的更改按钮时只显示 1 行列表。

在我的代码开头，有一个带有函数的脚本部分getValue，

  script(src='book_list.js')
  script  
    | function getValue(value){
    |  const hello = document.getElementById("test")
    |  $('#exampleModalLong').modal('show')
    |  hello.innerHTML = value
    |  window.test = value
    |  console.log(hello)
    |  alert(window.test)
    |  console.log(hello.innerHTML)
    | } 

当我使用该功能时，hello.innerHTML控制台上会打印 ，但是当我使用相同的 时document.getElementById("test").innerHTML，它会出错。

each book in message
  - var testISBN = document.getElementById("test").innerHTML;
    if  !{testISBN} != book.isbn
      each val in book 
        p
        hr
        hr
        img(src="", alt="")
        label.col-form-label(for='recipient-name') #{val}
        input#recipient-name.form-control(type='text' value=`${val}`)

结果是：

    58|                 .form-group

    59|                   each book in message

  > 60|                     - var testISBN = document.getElementById("test") .innerHTML;

    61|                     if  !{testISBN} != book.isbn

    62|                       each val in book 

    63|                         p


Cannot read property 'getElementById' of undefined

也有人可以告诉我我是否在下面的行中正确使用了未转义的字符串插值？谢谢你的帮助

标签： javascriptpug