Javascript 如何在脚本中检索输入值?

Javascript 如何在脚本中检索输入值?,javascript,html,input,var,Javascript,Html,Input,Var,我不知道为什么它不起作用。如何检索输入值 <body> <script> function toCelsius() { var g = document.getElementById("f").innerHTML; var b = (5/9) * (g-32); } document.getElementById("demo").innerHTML = b; </script>

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

<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>

函数toCelsius(){
var g=document.getElementById(“f”).innerHTML;
var b=(5/9)*(g-32);
}
document.getElementById(“demo”).innerHTML=b;
华氏=


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>

函数toCelsius(){
var g=document.getElementById(“f”).value;
var b=(5/9)*(g-32);
}
document.getElementById(“demo”).innerHTML=b;
华氏=

此行:

在以下情况下运行:

  • demo
    在文档中不存在时
  • 当未定义
    b
  • 其中
    b
    超出范围(因为
    b
    是在函数内部定义的)
您需要在函数内部移动该行

这一行:

…尝试读取输入元素的子元素,但输入是无效元素:它们没有子元素

您需要读取输入的


函数toCelsius(){
var g=document.getElementById(“f”).value;
var b=(5/9)*(g-32);
document.getElementById(“demo”).innerHTML=b;
}
华氏温度=

首先,在关闭主体之前,应保留“脚本”标记

要检索输入的值,请使用
document.getElementById(“f”).value

参见我的示例:

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