HTML 获取控件值：JavaScript 方法详解

要获得 HTML 表单控件的值，可以使用 JavaScript。以下是一些常见的方法：

使用 document.getElementById() 方法获取控件对象，然后使用 value 属性获取值。

<input type='text' id='myInput'>
<button onclick='getValue()'>获取值</button>

<script>
function getValue() {
  var input = document.getElementById('myInput');
  var value = input.value;
  alert(value);
}
</script>

使用 document.forms 集合获取表单对象，然后使用表单对象的 elements 属性获取控件对象，最后使用 value 属性获取值。

<form id='myForm'>
  <input type='text' name='myInput'>
</form>
<button onclick='getValue()'>获取值</button>

<script>
function getValue() {
  var form = document.forms['myForm'];
  var input = form.elements['myInput'];
  var value = input.value;
  alert(value);
}
</script>

使用 querySelector() 方法获取控件对象，然后使用 value 属性获取值。

<input type='text' id='myInput'>
<button onclick='getValue()'>获取值</button>

<script>
function getValue() {
  var input = document.querySelector('#myInput');
  var value = input.value;
  alert(value);
}
</script>