js如何获取input框中的值

在JavaScript中，你可以通过操作HTML元素来获取`<input>`标签中的值。以下是一些常见的方法：

1. **直接访问**：
如果输入框是`type="text"`或其他允许直接读取的类型，可以直接使用`document.getElementById`、`document.querySelector`或`document.getElementsByTagName`等DOM方法，然后访问`.value`属性，例如：

   var inputVal = document.getElementById('inputId').value;

2. **事件监听**：
当用户改变输入内容时，可以给`input`元素添加`onchange`事件，这样在事件触发时可以获取新值，如：

   var input = document.getElementById('inputId');
   input.addEventListener('change', function() {
       var value = this.value;
       console.log(value);
   });

3. **表单提交**：
如果输入框是表单的一部分，可以在表单的`submit`事件处理函数中获取值：

   document.getElementById('myForm').addEventListener('submit', function(event) {
       event.preventDefault(); // 阻止表单默认提交
       var inputVal = event.target.elements['inputName'].value;
       console.log(inputVal);
   });

记住替换成实际的ID（`inputId`、`formId`等）。