Google apps script Google脚本中的document.getelementbyId不工作_Google Apps Script

Google apps script Google脚本中的document.getelementbyId不工作

google-apps-script

Google apps script Google脚本中的document.getelementbyId不工作,google-apps-script,Google Apps Script,我正在尝试制作一个GoogleScriptWeb应用程序，它从HTML表单获取输入并将输入传递到脚本。现在，函数正在失败，因为document.getelementbyId（'text'）返回的是null，而不是实际的表单值。我怎样才能解决这个问题 Index.html <!DOCTYPE html> <html> <head> <base target="_top"> <script> // Preve

我正在尝试制作一个GoogleScriptWeb应用程序，它从HTML表单获取输入并将输入传递到脚本。现在，函数正在失败，因为

document.getelementbyId（'text'）

返回的是

null

，而不是实际的表单值。我怎样才能解决这个问题

Index.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script>
      // Prevent forms from submitting.
      function preventFormSubmit() {
        var forms = document.querySelectorAll('form');
        for (var i = 0; i < forms.length; i++) {
          forms[i].addEventListener('submit', function(event) {
            event.preventDefault();
          });
        }
      }

      window.addEventListener('load', preventFormSubmit);

      function handleFormSubmit() {
        var formObject = document.getElementById('text');
        google.script.run.withSuccessHandler(setTable).getSportData(formObject);
        console.log(formObject);
      }

      function setTable(data) {
        var div = document.getElementById('output');
        div.innerHTML = createTable(data);
      }

      /**
      * Adds an html table
      */ 
      function createTable(tableData) {
      var table = document.createElement('table');
      var tableBody = document.createElement('tbody');

        tableData.forEach(function(rowData) {
          var row = document.createElement('tr');

          rowData.forEach(function(cellData) {
            var cell = document.createElement('td');
            cell.appendChild(document.createTextNode(cellData));
            row.appendChild(cell);
          });

          tableBody.appendChild(row);
        });

        table.appendChild(tableBody);
        document.body.appendChild(table);
      }
    </script>
  </head>
  <body>
    <form id="myForm" onsubmit="handleFormSubmit()">
      <input name="text" type="text" />
      <input type="submit" value="Submit" />
    </form>
    <div id="output"></div>
 </body>
</html>


//阻止表单提交。
函数preventFormSubmit（）{
var forms=document.queryselectoral（'form'）；
对于（var i=0；i


代码.gs
//Initalization of global variables for use by the script's custom functions

var ss = SpreadsheetApp.openById("spreadsheetID");
var sheet = ss.getSheetByName("Sheet1");

var sportsFromSheet = sheet.getRange("D4:D12");
var namesFromSheet = sheet.getRange("B4:B12").getValues();
var timesFromSheet = sheet.getRange("A4:A12").getValues();
var NAMES = [];
var TIMES = [];

/**
 * Handles HTTP GET requests to the published web app.
 * @return {HtmlOutput} The HTML page to be served.
 */
function doGet() {
  return HtmlService.createHtmlOutputFromFile('Index');
}

/**
 * Gets both names and Times of checked-in people from the spreadsheet from the private function getOutput.
 * @return {HtmlOutput} A 2D array containing the names and times.
 */
function getSportData(formObject) {
    getNamesInSport(formObject);
    getTimesInSport(formObject);

    var OUTPUT = [
      [NAMES],
      [TIMES]
      ];

  return OUTPUT;
}

//Puts the names of every person from an inputted sport into an array.
function getNamesInSport(input) { 
  var data = sportsFromSheet.getValues();

  for (var i = 0; i < data.length; i++) {
    if(data[i] == input){
      NAMES.push(namesFromSheet[i][0]);
    }
  }
}

//Puts the times of every person from an inputted sport into an array.
function getTimesInSport(input){
  var data = sportsFromSheet.getValues();

  for (var i = 0; i < data.length; i ++) {
    if(data[i] == input){
      TIMES.push(timesFromSheet[i][0]);
    }
  }
}

//初始化全局变量以供脚本的自定义函数使用
var ss=电子表格应用程序openById（“电子表格ID”）；
var sheet=ss.getSheetByName（“Sheet1”）；
var sportsFromSheet=sheet.getRange（“D4:D12”）；
var namesFromSheet=sheet.getRange（“B4:B12”）.getValues（）；
var timesFromSheet=sheet.getRange（“A4:A12”）.getValues（）；
变量名称=[]；
var时间=[]；
/**
*处理对已发布web应用的HTTP GET请求。
*@return{HtmlOutput}要提供的HTML页面。
*/
函数doGet（）{
返回HtmlService.createhtmloutpfromfile（'Index'）；
}
/**
*从私有函数getOutput从电子表格中获取签入人员的姓名和时间。
*@return{HtmlOutput}包含名称和时间的二维数组。
*/
函数getSportData（formObject）{
getNamesInSport（formObject）；
getTimesInSport（formObject）；
变量输出=[
[姓名]，
[时报]
];
返回输出；
}
//将输入的运动中每个人的姓名放入数组。
函数getNamesInSport（输入）{
var data=sportsFromSheet.getValues（）；
对于（变量i=0；i
的副本

你似乎已经回答了你自己的问题
document.getElementById（'text'）
返回null，因为。。。
您没有带有id=“text”
的元素
document.getElementById
将返回null

如果文档中没有指定ID的元素。（）
解决方案是