设置输入值 Vanilla JS - JavaScript

在 JavaScript 中，有几种方法可以设置输入值。以下将介绍其中的三种：

1. 使用 value 属性

可以使用 value 属性设置输入框的值，例如：

const input = document.getElementById("myInput");
input.value = "default value";

这将设置输入框的默认值为 "default value"。如果需要在输入框被更改时获取值，则可以使用 input.value 来获取当前值。

2. 使用 setAttribute() 方法

如果要设置输入框的其他属性，可以使用 setAttribute() 方法。例如：

const input = document.getElementById("myInput");
input.setAttribute("placeholder", "Enter your name");

这将在输入框中添加一个占位符，提示用户输入自己的姓名。使用 getAttribute() 方法可以获取输入框的属性值。

3. 使用 createElement() 方法

如果需要动态地创建新的输入框，则可以使用 createElement() 方法。例如：

const input = document.createElement("input");
input.type = "text";
input.id = "newInput";
input.placeholder = "Enter new value";

const form = document.getElementById("myForm");
form.appendChild(input);

这将创建一个新的文本输入框，并附加到名为 myForm 的表单中。使用其他属性，可以设置输入框的类型，ID 和占位符等。

以上是设置输入值 Vanilla JS - JavaScript 的三种方法。除此之外，还有许多其他方法可以设置输入框的值和属性。