通過 javascript 獲取輸入字段的值:確定輸入字段的 id 屬性。使用 document.getelementbyid() 獲取元素。訪問元素的 value 屬性以獲取值。
如何從 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);
登錄后復制