更改 input value - JavaScript

在 Web 开发中，我们常常需要更改输入框（input）的值。这可以通过 JavaScript 来实现。

获取 input 元素

首先，我们需要获取 input 元素。可以使用 document.getElementById 来获取元素。例如，给定以下 HTML 代码：

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

我们可以使用以下代码来获取该元素：

const myInput = document.getElementById('myInput');

更改 value 属性

有了元素之后，我们可以通过更改 value 属性来改变输入框的值。例如，将输入框的值改为 "Hello, world!"：

myInput.value = 'Hello, world!';

完整示例

下面是一个完整的示例，包括获取元素和更改值：

<input type="text" id="myInput">
<button onclick="changeInputValue()">Click me!</button>

<script>
function changeInputValue() {
  const myInput = document.getElementById('myInput');
  myInput.value = 'Hello, world!';
}
</script>

点击按钮后，输入框的值将会变为 "Hello, world!"。

结论

使用 JavaScript 更改输入框的值非常简单。首先，获取该元素，然后更改 value 属性即可。