如何从 JavaScript 中的 input 字段获取值

document.getElementById() 函数用于通过其 id 属性获取 DOM 元素。要从输入字段获取值，请使用以下步骤：

步骤 1：确定输入字段的 ID

首先，确定输入字段的 id 属性。ID 可以在 HTML 代码中找到，如下所示：

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

步骤 2：使用 getElementById() 获取元素

使用 document.getElementById() 函数获取具有指定 id 的 DOM 元素。

const inputElement = document.getElementById("myInput");

步骤 3：访问 value 属性

value 属性包含输入字段中输入的值。可以通过以下方式访问：

const value = inputElement.value;

现在，value 变量中包含了输入字段的值。

示例代码：

// 获取输入字段元素
const inputElement = document.getElementById("myInput");

// 获取输入字段的值
const value = inputElement.value;

// 将值打印到控制台
console.log(value);