1

我正在尝试制作一个接受用户值的表单，然后将这些值传递给同一文件中的 JS 函数进行一些计算。我现在只是想将值打印到控制台，但我不断收到错误消息"Object #<HTMLDocument> has no method 'getElementByID'"。这是代码：

<!DOCTYPE html>
<html>
<body>

<form action="javascript:formHandler();" method="get">
    <h1 align="center">Set the parameters you would like to visualize</h1>

    Center Frequency: <input type="text" name="cf" id="cf"><br>
    Bandwidth: <input type="text" name="bw" id="bw"><br>
    Number of Bins: <input type="text" name="bins" id="bins"><br>
    Number of Values to be Visualized: <input type="text" name="values" id="values"><br>
    <input type="submit" value="Submit">
</form>
<script>


    function formHandler()
    {
            console.log(document.getElementByID("cf")); // This is where I'm getting the error
    }

</script>
</body>
</html>
4

3 回答 3

2

有一个拼写错误。它应该是getElementById而不是getElementByID。

您可以将值打印到控制台，如下所示：

console.log(document.getElementById("cf").value);

于 2013-08-02T16:39:18.320 回答
2

你document.getElementByID应该在最后有一个小写的d，你还应该添加.value，就像这样

document.getElementById("id").value

获取正在传递或输入的内容的值

于 2013-08-02T16:43:19.557 回答
1

如果你喜欢这样就更好了

<form action='somepage.html' OnSubmit="return formHandler();" method="get">
<h1 align="center">Set the parameters you would like to visualize</h1>

Center Frequency: <input type="text" name="cf" id="cf"><br>
Bandwidth: <input type="text" name="bw" id="bw"><br>
Number of Bins: <input type="text" name="bins" id="bins"><br>
Number of Values to be Visualized: <input type="text" name="values" id="values"><br>
<input type="submit" value="Submit">
</form>


<script type='text/javascript'>
function formHandler()
{
        console.log(document.getElementById("cf").value);
  return true;
}
</script>
于 2013-08-02T16:44:29.940 回答