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

  • JavaScript 获取 input 输入框内容的几种方法有:
    
    1. 使用 `document.getElementById()` 获取 input 元素的 value 属性,例如:
    
    ```
    var inputText = document.getElementById("input").value;
    ```
    
    2. 使用 `document.querySelector()` 获取 input 元素的 value 属性,例如:
    
    ```
    var inputText = document.querySelector("#input").value;
    ```
    
    3. 使用 `document.getElementsByName()` 获取 input 元素的 value 属性,例如:
    
    ```
    var inputText = document.getElementsByName("input")[0].value;
    ```
    
    4. 使用 `document.getElementsByTagName()` 获取 input 元素的 value 属性,例如:
    
    ```
     var inputText = document.getElementsByTagName("input")[0].value;
    ```
    
    5. 使用 `document.forms` 获取表单对象,从而获取 input 元素的 value 属性,例如:
    
    ```
    var form = document.forms[0];
    var inputText = form.elements["input"].value;
    ```
    
    以上是五种常用的获取 input 输入框内容的方法。

猜你喜欢

转载自blog.csdn.net/TaiYang_5339/article/details/129514070