JavaScript 如何获取 input 的输入值? 下面本篇文章就来给大家介绍一下使用 JavaScript 获取 input 输入框中输入值的方法. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
第一步先找到这个 input 元素
找到元素有三种方法:
document.getElementById("id 的名称")
document.getElementsByTagName("标签名") 返回的是一个类数组
document.getElementsByClassName("类样式名")
第二步获取值
使用 value 属性
value 属性可设置或返回选项的值.
直接. value 即可例:
- var inputDom = document.getElementById("text");// 找到元素, 假如给 input 元素加了 id 属性 且 值为: text
- var text = inputDom.value; // 获取元素值
说明: 实时获取 input 输入框中的值需要 oninput 和 onpropertychange 属性来实现. 原因是 onpropertychange 属性为 IE 专属, 而 oninput 属性支持大部分浏览器包括 IE9 及以上的版本.
推荐学习: JavaScript 视频教程 https://www.html.cn/js/javascript/video/ !!
来源: http://www.css88.com/qa/javascript/14864.html