📅  最后修改于: 2023-12-03 15:32:23.719000             🧑  作者: Mango
在处理表单时,我们通常需要查找用户输入的值并进行相应的操作。在Javascript中,我们可以使用多种方法来获取选定的输入值。
我们可以通过查找输入元素的ID来获取选定的输入值。首先,我们需要使用document.getElementById()
方法来获取元素,然后使用value
属性获取其值。
// HTML
<input type="text" id="myInput">
// JS
let inputVal = document.getElementById("myInput").value;
我们还可以通过查找输入元素的名称来获取选定的输入值。首先,我们需要使用document.getElementsByName()
方法来获取元素,然后使用value
属性获取其值。需要注意的是,由于getElementsByName()
方法返回一个元素数组,我们需要通过下标来访问特定的元素值。
// HTML
<input type="text" name="myInput">
// JS
let inputVal = document.getElementsByName("myInput")[0].value;
我们还可以通过查找输入元素的类名来获取选定的输入值。首先,我们需要使用document.getElementsByClassName()
方法来获取元素数组,然后使用value
属性获取其值。需要注意的是,由于getElementsByClassName()
方法返回一个元素数组,我们需要通过下标来访问特定的元素值。
// HTML
<input type="text" class="myInput">
// JS
let inputVal = document.getElementsByClassName("myInput")[0].value;
最后,我们还可以通过查找输入元素的标签名来获取选定的输入值。首先,我们需要使用document.getElementsByTagName()
方法来获取元素数组,然后使用value
属性获取其值。需要注意的是,由于getElementsByTagName()
方法返回一个元素数组,我们需要通过下标来访问特定的元素值。
// HTML
<input type="text">
// JS
let inputVal = document.getElementsByTagName("input")[0].value;
以上就是Javascript中查找选定的输入值的方法。根据具体的场景,我们可以使用不同的方法来获取特定的值。