JavaScript 在應用腳本加載后不會更改我的 HTML 模板中的 DOM

Question

我正在嘗試構建一個簡單的儀表板，如果用戶訪問他們的儀表板，它將顯示來自谷歌電子表格的數據。 但是有一個問題我不知道為什么只有我的第一個 div 通過 JavaScript 而不是第二個..

任何幫助和解決方案都會得到解決..

為什么我的第二行定位 div id="load1" 沒有執行？？？

代碼.gs

`function loadDetails(id){
   var ss = SpreadsheetApp.openById("14RM_170AefKbQq82NXAdSOemQLyAGcv_BTwYWd1-qtM")
   var ws = ss.getSheetByName("Data")
   var data = ws.getDataRange().getValues()
     for(var i=0; i<data.length; i++){
         var row = data[i]
        if(row[0]== id){
           password = {
             psd: row[1],
             id: row[0]
            }
         }
      }
      if(row[0]!= id){
          password = "not found"
    }
      return password;
 }`

儀表板.HTML

<!DOCTYPE html>
  <html>

  <head>
  <base target="_top">
  </head>

<body>
   <h1>Hey this is other Employee Dashboard</h1>
   <p>Your Employee Id: = </p>
   <p>Your Password : = </P>
   <div id="load">
   <div>
   <div id="load1">
   <div>

<script>
     window.onload = function(){
        var id = "MN00018"
        google.script.run.withSuccessHandler(function(output){
        document.getElementById("load").innerHTML = `passing objects are ${output.psd} & ${output.id}`
        document.getElementById("load1").innerHTML = `passing objects are ${output.id}`
    }).loadDetails(id)
   }
</script>

</body>
</html>

Answer 1

如果您實際上是在測試您的顯示腳本，我認為有 2 個修改點。

HTML & Javascript 側：

div的標簽不包含在內。 如何修改如下？

從：

<div id="load">
<div>
<div id="load1">
<div>

至：

<div id="load">
</div>
<div id="load1">
</div>

我認為這就是Why My Second Line Targeting div id="load1" is not executing???? .

Google Apps 腳本方面：

在 Google Apps 腳本方面，通過if(row[0]!= id){password = "not found"} ，即使從“A”列中找到id ，也會返回“not found”。 如何修改如下？

修改后的腳本：

function loadDetails(id) {
  var ss = SpreadsheetApp.openById("###");
  var ws = ss.getSheetByName("Data")
  var data = ws.getDataRange().getValues()
  var password = {psd: "", id: ""};
  for (var i = 0; i < data.length; i++) {
    var row = data[i]
    if (row[0] == id) {
      password = {
        psd: row[1],
        id: row[0]
      }
      break;
    }
  }
  return password;
}

JavaScript 在應用腳本加載后不會更改我的 HTML 模板中的 DOM

問題描述

1 個解決方案

解決方案1
0 2022-01-08 12:38:16

HTML & Javascript 側：

從：

至：

Google Apps 腳本方面：

修改后的腳本：

JavaScript 在應用腳本加載后不會更改我的 HTML 模板中的 DOM

問題描述

1 個解決方案

解決方案1 0 2022-01-08 12:38:16

HTML & Javascript 側：

從：

至：

Google Apps 腳本方面：

修改后的腳本：

解決方案1
0 2022-01-08 12:38:16