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

Question

如题所述

Answer 1

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

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

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

Answer 2

javascript获取input输入框中的值

HTML

<input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">

通过 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值

Answer 3

第一步先找到这个input元素

找到元素有三种方法:

document.getElementById("id的名称")


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


document.getElementsByClassName("类样式名")

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

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


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

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

oninput与onpropertychange失效的情况： 

oninput事件：

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

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

本回答被网友采纳

Answer 4

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