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 输入框内容的方法。

你可能感兴趣的:(javascript,开发语言,ecmascript)