无法将Java链接到html / html文件中而不替换文本

debugcn 发表于 Dev

击剑者300

我有一个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>

我希望它最终将DescriptionHolder文本替换为Description存储的数据，以便使我知道脚本的那部分工作正常，以便稍后再调用它，但是现在只坚持说PlaceHolder

戴夫

更改getElementsByClassName("result")为getElementsByClassName("result")[0]。原始调用返回一个节点集合，您想在特定节点上设置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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。