开发者社区> 问答> 正文

下面代码哪里有问题啊 老是取不到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>

展开
收起
a123456678 2016-03-11 15:57:14 1634 0
1 条回答
写回答
取消 提交回答
  • // 拼写错误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 18:59:28
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

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