js如何获取input输入框中输入的值?

1、首选打开sublime text 3编辑器创建一个html文件，然后创建一个按钮和一个输入框：

2、接着引入jquery的js文件，然后获取input输入框的dom元素以后使用val方法获取input的值，然后在控制台打印输入值即可：

3、编写完代码以后，前往浏览器页面，按下f12快捷键打控制台，找到console可以查看输出的结果和input输入框的结果一致：

javascript获取input输入框中的值

HTML

• 通过 name

document.getElementsByName("CSDN_NAME")[0].value

• 通过 id

var name = document.getElementById("CSDN_NAME").value

• 通过 class

document.getElementsByClassName("CSDN_NAME")[0].value

如果是用jquery可以参照这篇文章：

jquery获取input值的几种方法

jquery获取input的value值

第一步先找到这个input元素

找到元素有三种方法:

1. document.getElementById("id的名称")
   

2. document.getElementsByTagName("标签名") 返回的是一个类数组
   

3. document.getElementsByClassName("类样式名")

第二步获取值
直接.value即可例:

1. var inputDom = document.getElementById("text");//找到元素，假如给input元素加了id属性 且 值为:text
   

2. var text = inputDom.value; //获取元素值

实时获取input输入框中的值需要oninput和onpropertychange属性来实现。原因是onpropertychange属性为IE专属，而oninput属性支持大部分浏览器包括IE9及以上的版本。

oninput与onpropertychange失效的情况： 

oninput事件：

1. 在脚本中改变value时，不会触发；

2. 从浏览器的自动下拉提示中选取时，不会触发。

Sill路获取。唉，破的速度，宽的速度的字。直接写上打入这些键盘上的字母就可以了吧。