JavaScript 获取 input 输入框内容的几种方法

简介:
+关注继续查看

一、JavaScript 获取 input 输入框内容的几种方法有:

 1、 使用 `document.getElementById()` 获取 input 元素的 value 属性


``` 例如: let inputText = document.getElementById("input").value;


2、使用 `document.querySelector()` 获取 input 元素的 value 属性


```例如:let inputText = document.querySelector("#input").value;


3、 使用 `document.getElementsByName()` 获取 input 元素的 value 属性


```例如:let inputText = document.getElementsByName("input")[0].value;


4、 使用 `document.getElementsByTagName()` 获取 input 元素的 value 属性


  ````例如: let inputText = document.getElementsByTagName("input")[0].value;


5、使用 `document.forms` 获取表单对象,从而获取 input 元素的 value 属性


````例如:let form = document.forms[0];


              let inputText = form.elements["input"].value;


以上是五种常用的获取 input 输入框内容的方法。

相关文章
|
27天前
|
JavaScript
js通过input框输入属性和值,改变div的属性
js通过input框输入属性和值,改变div的属性
50 0
|
27天前
|
JavaScript 前端开发
JavaScript实现input框获取系统默认年月日时分秒
JavaScript实现input框获取系统默认年月日时分秒
32 0
|
1月前
|
JavaScript 前端开发
js获取input?
js获取input?
|
3月前
|
JavaScript
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
|
JavaScript 前端开发 数据安全/隐私保护
js实现Element中input组件的部分功能并封装成组件(实例代码)
这篇文章主要介绍了纯生js实现Element中input组件的部分功能(慢慢完善)并封装成组件,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
|
JavaScript 前端开发
【JavaScript】input加上disabled可以不提交name值
【JavaScript】input加上disabled可以不提交name值
123 0
|
JavaScript 前端开发
js动态实现增加删除input框及在input框内添加元素
js动态实现增加删除input框及在input框内添加元素
926 0
js动态实现增加删除input框及在input框内添加元素
|
JavaScript
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
387 0
js实现动态添加具有相同name的input+动态添加的input绑定事件+保存前判断所有name为空阻断提交
|
JavaScript 前端开发
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
Angular input控件的click事件表达式如何被转换成JavaScript函数
相关产品
云迁移中心
推荐文章
更多