Question

好的，所以我真的很喜欢编程和javascript，但是我遇到了这个小代码串的问题。令我困扰的是，我在其他程序中做了类似的事情，但它只是在这个程序的这个特定的小部分工作。这基本上是不起作用的：

<html>

<script type="text/javascript">

function test()
{
var myTextField = document.getElementById('myText');
document.write (myTextField);
}

</script>


<form>
<input type="text" id="myText">
<input type="submit" value="submit" OnClick="test()">
</form>
</html>

当我这样做时，它返回[object HTMLInputElement]而不是该文本字段的值。感谢您的帮助，因为我们大多数人都知道这一点。：P

Answer 1

getElementById返回Object本身，它有许多方法和属性作为成员。

您需要引用value属性，如下所示：

document.getElementById('myText').value;

这应该有效：）

此外，这里有一般性参考：https://developer.mozilla.org/en/A_re-introduction_to_JavaScript

Answer 2

尝试：

document.write (myTextField.value);

Answer 3

function test()
{
var myTextField = document.getElementById('myText').value;
alert(myTextField);
// or 
console.log(myTextField);
}

你不应该在这里使用document.write，因为你已经加载了文档。 Document.write将删除该页面。

getElementById无法正常工作

3 个答案: