zoukankan      html  css  js  c++  java
  • js获取input文本框内容问题

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Title</title>
    </head>
    <body>
    <td><input type="text" name="username" placeholder="请输入用户名" class="name" id="name" value="123"></td>
    <script>
    var name=document.getElementById('name');
    console.log(name.value);
    </script>
    </body>
    </html>

    上述js获取input文本框的值,控制台得到的是undefined

     改为:

    console.log(document.getElementById('name').value);

    结果输出

     这是为什么???

    这又是可以的。。。。

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

  • 相关阅读:
    day_15补充加总结
    Day_15 内置模块er
    sort 函数 与 sorted 函数区别
    python 代码风格------------PEP8规则
    python 返回值
    函数记忆 : startswith() 与 endswith
    RE模块使用
    正则表达式
    collections
    函数datetime
  • 原文地址:https://www.cnblogs.com/lpxspring/p/12115613.html
Copyright © 2011-2022 走看看