开发者社区> 问答> 正文

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

<!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>

展开
收起
杨冬芳 2016-06-22 16:04:31 1895 0
1 条回答
写回答
取消 提交回答
  • IT从业
    // 拼写错误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;
    2019-07-17 19:45:44
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载