不能 link java 到 html/html 文件而不替换文本

Question

我有一个 html 和 javascript 个文件

function saved() {
    "use strict";
    var description;
    description = document.getElementById("description").value;
}
function savedd() {
    "use strict";
    var due_date;
    due_date = document.getElementById("due_date").value;
}
function saverd() {
    "use strict";
    var reminder_date = document.getElementById("reminder_date").value;
}
document.getElementsByClassName("result").innerHTML = "My new text!";

<!DOCTYPE html>
<html>
<head>  
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta name="viewport" content="user-scalable=no, initial-scale=.5, maximum-scale=1, minimum-scale=1, width=device-width" />
    </head>
    <body>
    <div style="margin:0 auto;text-align:center">

      <!-- Div align in the middle -->
      <div style="margin-left:auto;margin-right:auto;text-align:center">
          <form>
           Description:<br>
           <input type="text" name="description" onchange="saved()"><br>
              <br>
              <br>
            Due Date:<br>
           <input type="date" name="due_date" onchange="savedd()" ><br>
              <br>  
              <br>
            Reminder Date: <br>
           <input type="text" name="reminder_date" onchange="saverd()"><br>
          </form>
      </div>
        <div class="result"> PlaceHolder</div>
</div>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
   <script type='text/javascript' src="editpage.js"></script>
       
    </body>
</html>

我希望它最终用描述存储的数据替换 PlaceHolder 文本，这样我就知道脚本的那部分工作正常，所以我可以稍后调用它，但现在它只是坚持说 PlaceHolder

Answer 1

将 getElementsByClassName("result") 更改为 getElementsByClassName("result")[0]。你原来调用returns一个节点集合，你想在特定节点上设置innerHTML。

这是您的代码段的固定版本：

document.getElementsByClassName("result")[0].innerHTML = "My new text!";

<div style="margin:0 auto;text-align:center">

  <!-- Div align in the middle -->
  <div style="margin-left:auto;margin-right:auto;text-align:center">
    <form>
      Description:
      <br>
      <input type="text" name="description" onchange="saved()">
      <br>
      <br>
      <br>Due Date:
      <br>
      <input type="date" name="due_date" onchange="savedd()">
      <br>
      <br>
      <br>Reminder Date:
      <br>
      <input type="text" name="reminder_date" onchange="saverd()">
      <br>
    </form>
  </div>
  <div class="result">PlaceHolder</div>
</div>

不能 link java 到 html/html 文件而不替换文本

Can't link java into html/html file not replacing text

html

javascript