從 input 元素中獲取值的 javascript 方法：直接訪問 value 屬性。使用 getattribute() 方法。監(jiān)聽 dom 事件，如 onchange，并在回調(diào)函數(shù)中獲取最新值。
如何從輸入框（input）中獲取值
在 JavaScript 中，從 input 元素中獲取值的方法有以下幾種：
- value 屬性
直接訪問元素的 value 屬性即可獲取當(dāng)前輸入框中的值：
const inputValue = document.getElementById("myInput").value;
登錄后復(fù)制
- getAttribute() 方法
使用 getAttribute() 方法也可以獲取 value 屬性的值：
const inputValue = document.getElementById("myInput").getAttribute("value");
登錄后復(fù)制
- DOM 事件（如 onchange）
在輸入框上監(jiān)聽 DOM 事件（如 onchange），當(dāng)值發(fā)生變化時觸發(fā)回調(diào)函數(shù)，并在回調(diào)函數(shù)中獲取最新值：
document.getElementById("myInput").addEventListener("change", function() {
const inputValue = this.value;
});
登錄后復(fù)制
示例
<input id="myInput" type="text" value="初始值">
登錄后復(fù)制
const inputValue = document.getElementById("myInput").value;
console.log(inputValue); // 輸出：初始值
登錄后復(fù)制
