为什么我的HTML文本框未定义？

Question

我有一个HTML输入文本框，我试图将其值传递给JavaScript函数。文本框的代码如下：

<input type="text" id="fname">
<input type="button" onclick="success()">

我用它来获取文本框的值;

var depttxt = document.getElementsByID('fname');

然而，当我试图找到像这样的值的值时;

function success() {
    alert(depttxt);
}

警告框显示undefined。如果然后将.value放在警报中的变量之后，它会中断，并且不会显示任何警告框。谁能告诉我我在这里做错了什么？

全部谢谢！

Answer 1

删除s和D =＆gt; d。函数名称为getElementById：

var depttxt = document.getElementById('fname');

Answer 2

var depttxt = document.getElementById('fname');

没有s。

Answer 3

Moan＃1：不要使用内联JS：）

这样做：

HTML：

<input type="text" id="fname" />
<input type="button" id="buttonId" />

JS：

$(document).ready(function() {
    var btn = $('#buttonId');
    $(btn).on('click', function() {
        alert('hello world');
    });
});

这将是在您的网站上执行jQuery功能的更好方法：）