JavaScript 错误无法从 <input> 标签获取输入

标签 javascript html

我是 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 错误无法从 &lt;input&gt; 标签获取输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38998542/

相关文章:

javascript - jQuery UI Slider 在按下时奇怪地跳跃

javascript - jquery 缓动插件示例

javascript - 如何解析以特定字符开头和结尾的字符串

javascript - 我怎样才能从约会中得到一天

Javascript 将 html 标签的颜色设置回默认颜色而不是假设颜色为黑色

javascript - 显示与所需引用相匹配的正确项目

html - 带有 Logo 的 Bootstrap 导航栏

javascript - 为什么我的 iFrame 重定向到其他页面

javascript - 修复 JavaScript 错误

java - 从 java 文档中删除 html 标签的最快方法是什么?