Question

我不知道为什么它不起作用。如何检索输入值？

<body>
   <script>
      function toCelsius() {
         var g = document.getElementById("f").innerHTML;
         var b = (5/9) * (g-32);
      }
      document.getElementById("demo").innerHTML = b;
   </script>
   Fahrenheit = <input id="f" type=text size=6>
   <input type=button value="Bereken" onClick="toCelsius()"> 
   <p id="demo"></p>
</body>

Answer 1

这一行：

document.getElementById("demo").innerHTML = b;

运行时间：

文档中不存在demo时
未定义b时
其中b超出范围（因为b在函数内定义）

您需要将该行移到函数

中

这一行：

var g = document.getElementById("f").innerHTML;

...尝试读取输入元素的子元素，但输入是void元素：它们没有子元素。

您需要改为阅读输入的值。

<body>
  <script>
    function toCelsius() {
      var g = document.getElementById("f").value;
      var b = (5 / 9) * (g - 32);
      document.getElementById("demo").innerHTML = b;
    }
  </script>

  Fahrenheit =
  <input id="f" type=text size=6>
  <input type=button value="Bereken" onClick="toCelsius()">

  <p id="demo"></p>
</body>

Answer 2

首先，在关闭身体之前应该留下“script”标签。

要检索输入值，请使用document.getElementById("f").value;

请参阅我的示例：http://codepen.io/joaocarvalhowd-1472219370/pen/apMywY

Answer 3

innerHTML属性是文档对象模型（DOM）的一部分，它允许Javascript代码操作正在显示的网站。具体来说，它允许读取和替换给定DOM元素（HTML标记）中的所有内容

要从输入字段中获取值，您需要使用

var your_var = document.getElementById("filed-id").value;

因此，您的最终代码如下：

<body>
    <script>
    function toCelsius() {
        var g = document.getElementById("f").value;
        var b = (5/9) * (g-32);
    }
    document.getElementById("demo").innerHTML = b;
    </script>

                    Fahrenheit = <input id="f" type=text size=6>
                    <input type=button value="Bereken"         onClick="toCelsius()"> 

                    <p id="demo"></p>
</body>

如何在脚本中检索输入值？

3 个答案: