问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

下面代码哪里有问题啊 老是取不到input值?

头像
清水寺小和尚
    73715111145
    <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>

<label>请输入北京今天空气质量：<input id="api-input" type="text"></label>
<button id="button">确认填写</button>

<div>您输入的值是：<span id="aqi-display">尚无录入</span></div>

<script type="text/javascript">

window.onload = function() {
   var btn=document.getElementById('button');
    btn.addEventListener("click",function(){
        var inputVal=document.getElementById("api-input").value;
        var display=document.gentElementById("api-display");
        display.appendChild(inputVal);
    },false)
};
</script>
</body>
</html>
    javascripthtml
    阅读 3.5k
    7 个回答
    得票最新
    头像
    donggg
      203119
      ✓ 已被采纳

      // 拼写错误1

      <div>您输入的值是：<span id="api-display">尚无录入</span></div>

      应更改为：

      <div>您输入的值是：<span id="api-display">尚无录入</span></div>

      // 拼写错误2

      var display=document.gentElementById("api-display");

      // 输入错误

      display.appendChild(inputVal);

      修改为

      display.innerHTML = inputVal;
      头像
      cool_zjy
        5.6k3723

        <input id="aqi-input" type="text"></label>
        var inputVal=document.getElementById("api-input").value;

        aqi qpi 这样真的好么？

        头像
        Markh5
          1081221

          你输入了吗
          ??

          头像
          玉之散打
            21931221

            clipboard.png

            你 var display=document.gentElementById("api-display")多了一个n，而且你要createTextNode去存储inputValue的值，不然会报错。

            头像
            seanokane
              6

              首先，span那里的api写成了aip，然后inputVal是不能直接append到display的后面呀宝宝

              头像
              frankwan
                30238
                //id 拼写错误
<span id="aqi-display">尚无录入</span></div>
                //gentElementById 拼写错误
var display=document.gentElementById("api-display");
                //appendChild 参数类型是Node
display.appendChild(inputVal);
                头像
                sologeek
                  103
                  //id 拼写错误
<span id="aqi-display">尚无录入</span></div>

                  应该改成 <span id="api-display">尚无录入</span>

                  
//gentElementById 拼写错误
var display=document.gentElementById("api-display");

                  应该改成 var display=document.getElementById("api-display");

                  
//appendChild 参数类型是Node
display.appendChild(inputVal);

                  应该改成 display.innerHTML = inputVal;

                  撰写回答
                  你尚未登录，登录后可以
                  • 和开发者交流问题的细节
                  • 关注并接收问题和回答的更新提醒
                  • 参与内容的编辑和改进，让解决方法与时俱进
                  推荐问题