我是 Java Script 的初学者,正在尝试运行此代码,用户在输入文本中输入任何值,然后输入的数据在 "p" 标记中打印但是当我使用调试器查看代码哪里出错时,它弹出我并显示以下错误
Uncaught TypeError: Cannot read property 'value' of undefined
代码:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
var a = document.getElementById("txt_1")[0].value;
document.getElementById("demo").innerHTML = a;
}
</script>
</head>
<body>
<form>
<input type="text" id="txt_1" name="txt_1">
<input type="button" onclick="myFunction()" value="Click me">
</form>
<p id="demo"></p>
</body>
</html>
最佳答案
getElementById() 将返回单个元素。所以你不需要索引[0]
。从 getElementById("txt_1")[0]
中删除 [0]
。
<html>
<head>
<script>
function myFunction()
{
var a = document.getElementById("txt_1").value;
document.getElementById("demo").innerHTML = a;
}
</script>
</head>
<body>
<form>
<input type="text" id="txt_1" name="txt_1">
<input type="button" onclick="myFunction()" value="Click me">
</form>
<p id="demo"></p>
</body>
</html>
关于JavaScript 错误无法从 <input> 标签获取输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38998542/