个人中心
gpt4 book ai didi

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

转载 作者：行者123 更新时间：2023-11-30 09:45:41 24 4
gpt4 key购买 nike

我是 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/

24 4 0
文章推荐： java - 当参数无效时，如何从我的函数打印错误消息？
文章推荐： javascript - 使用 JavaScript 从 JSON 中的对象中提取对象
文章推荐： javascript - 无法访问变量
文章推荐： javascript - 找到合适的 DOM 元素
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com