javascript - 在 Google 脚本中使用 Javascript 修改 HTML 对象

Question

与 Google 在 Google 脚本上提供的许多其他示例一样，通过成功处理程序内的 Javascript 修改 HTML 似乎不起作用。

示例是:

<script>
  function updateUrl(url) {
    var div = document.getElementById('output');
    div.innerHTML = '<a href="' + url + '">Got it!</a>';
  }
</script>
<form id="myForm">
  <input name="myFile" type="file" />
  <input type="button" value="Submit"
      onclick="google.script.run
          .withSuccessHandler(updateUrl)
          .processForm(this.parentNode)" />
</form>
<div id="output"></div>

我也做过类似的事情:

<script>
    function clearList(someValue){
        document.getElementById('studentsForm').reset()
    }
    function setStatus(someValue){
        var status = document.getElementById('status');
        status.innerHTML = 'Remark posted.'
    }
</script>

<form name='studentsForm' id='studentsForm'>
    <select name='student'>
        <option value='none'>Select a student...</option>
        options
    </select>
    <br>
    <br>
    <textarea name='comment' rows='10' cols='35'>Type your comment here</textarea><br><br>
    <input type='button' value='Submit' onclick='google.script.run
                                                 .withSuccessHandler(setStatus)
                                                 .processRemark(this.parentNode)'>
</form>
<div id="status"></div>

我尝试运行clearList()和setStatus()函数，但即使服务器端函数运行成功，也没有影响HTML GUI。

是否还需要做其他事情才能使其发挥作用？谢谢。

编辑:事实上，为了说明问题与服务器-客户端通信问题无关(据我了解)，这里是代码的简化版本，其中 HTML 不会通过脚本函数调用进行修改:

<script>
function setStatus(){
  var status = document.getElementById('status');
  status.innerHTML = 'Remark posted.'
}
</script>
<input type='button' value='Test' onclick='setStatus();'>
<div id="status"></div>

Answer 1

刚刚意识到输入文件，它不适用于 IFRAME 沙箱，请参阅 issue 4610 ，帖子中提供了解决方法。

这是我针对多个文件的解决方法: Uploading Multiple Files to Google Drive with Google App Script