js获取input输入框的值

IG_wxz

103686人浏览 · 2019-05-22 16:19:51

IG_wxz · 2019-05-22 16:19:51 发布

代码如下所示：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Language" content="zh-cn" />
    <title>输入框</title>
</head>
<body>
        <form>
            <input id="input"  type="text" placeholder="请输入你的姓名" />
        </form>
        <button onclick="btn()">测试</button>
        <div id="html"></div>
    <script>
      var x=  document.getElementById("input")//获取输入框元素
      var y=  document.getElementById("html") //获取id为html的元素
       function btn(){
        y.innerHTML = x.value; //将输入框的值赋给div标签
       }
    </script>
</body>
</html>

实现效果如下图所示：
在这里插入图片描述

智能机器人开发者大赛社区

「智能机器人开发者大赛」官方平台，致力于为开发者和参赛选手提供赛事技术指导、行业标准解读及团队实战案例解析;聚焦智能机器人开发全栈技术闭环，助力开发者攻克技术瓶颈，促进软硬件集成、场景应用及商业化落地的深度研讨。加入智能机器人开发者社区iRobot Developer，与全球极客并肩突破技术边界，定义机器人开发的未来范式！

更多推荐