📜  js 查找选定的输入 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:23.719000             🧑  作者: Mango

JS 查找选定的输入 - Javascript

在处理表单时,我们通常需要查找用户输入的值并进行相应的操作。在Javascript中,我们可以使用多种方法来获取选定的输入值。

1. 通过ID查找输入

我们可以通过查找输入元素的ID来获取选定的输入值。首先,我们需要使用document.getElementById()方法来获取元素,然后使用value属性获取其值。

// HTML
<input type="text" id="myInput">

// JS
let inputVal = document.getElementById("myInput").value;
2. 通过名称查找输入

我们还可以通过查找输入元素的名称来获取选定的输入值。首先,我们需要使用document.getElementsByName()方法来获取元素,然后使用value属性获取其值。需要注意的是,由于getElementsByName()方法返回一个元素数组,我们需要通过下标来访问特定的元素值。

// HTML
<input type="text" name="myInput">

// JS
let inputVal = document.getElementsByName("myInput")[0].value;
3. 通过类名查找输入

我们还可以通过查找输入元素的类名来获取选定的输入值。首先,我们需要使用document.getElementsByClassName()方法来获取元素数组,然后使用value属性获取其值。需要注意的是,由于getElementsByClassName()方法返回一个元素数组,我们需要通过下标来访问特定的元素值。

// HTML
<input type="text" class="myInput">

// JS
let inputVal = document.getElementsByClassName("myInput")[0].value;
4. 通过标签查找输入

最后,我们还可以通过查找输入元素的标签名来获取选定的输入值。首先,我们需要使用document.getElementsByTagName()方法来获取元素数组,然后使用value属性获取其值。需要注意的是,由于getElementsByTagName()方法返回一个元素数组,我们需要通过下标来访问特定的元素值。

// HTML
<input type="text">

// JS
let inputVal = document.getElementsByTagName("input")[0].value;

以上就是Javascript中查找选定的输入值的方法。根据具体的场景,我们可以使用不同的方法来获取特定的值。