js动态获取input的value

你可以使用JavaScript来动态获取输入框（input）的值，具体方法如下：

1. 首先获取到该输入框的DOM对象，可以使用document.getElementById()或者document.querySelector()等方法获取。

2. 然后通过DOM对象的value属性来获取输入框中的值。

以下是示例代码：

<input type="text" id="myInput">
<button onclick="getValue()">获取输入框的值</button>

<script>
function getValue() {
  var input = document.getElementById("myInput");
  var value = input.value;
  console.log(value);
}
</script>

在上面的示例中，我们首先通过getElementById()方法获取到ID为“myInput”的输入框的DOM对象，然后在getValue()函数中使用input.value来获取输入框中的值，并将其打印到控制台中。

相关问题

js如何获取input的value值

可以使用JavaScript的document对象来获取input元素的value值。具体方法如下：

1. 首先通过getElementById()方法获取到input元素的DOM对象，例如：

var inputElement = document.getElementById("inputId");

2. 然后通过inputElement.value属性获取到input元素的value值，例如：

var inputValue = inputElement.value;

这样就可以获取到input元素的value值了。

querySelectorAll 获取input value

querySelectorAll 可以获取匹配指定 CSS 选择器的所有元素，但是它不能直接获取 input 的 value 属性。要获取 input 的 value 属性，可以使用以下两种方法：

1. 遍历匹配的元素列表，然后获取每个元素的 value 属性。

const inputs = document.querySelectorAll('input');
const values = [];
inputs.forEach(input => values.push(input.value));
console.log(values);

2. 使用 CSS 选择器来直接获取所有 input 的 value 属性。

const values = Array.from(document.querySelectorAll('input')).map(input => input.value);
console.log(values);

注意，这两种方法都需要在 input 的 value 属性有值的情况下使用，否则会返回空字符串。