JavaScript中input的值使用十分廣泛，比如在表單驗證、數據交互、動態修改內容等場景中都是常見的操作。在這篇文章中，我們將重點介紹如何使用JavaScript獲取和設置input的值，同時結合實例進行詳細講解。 首先我們來看如何獲取input的值。我們可以使用document.getElementById()方法獲取input的DOM元素，而input的值則可以通過DOM元素的value屬性來獲取。例如下面的代碼將獲取輸入框中的值并彈出：

<input type="text" id="myInput">
<button onclick="getValue()">獲取值</button>
<script>
function getValue() {
var inputValue = document.getElementById("myInput").value;
alert(inputValue);
}
</script>

在上面的代碼中，我們通過函數getValue()獲取并彈出了輸入框中的值。需要注意的是，每次獲取input的值時最好先判斷該輸入框是否已經填寫，否則在空輸入框時會彈出undefined的結果。 接下來我們將重點介紹如何設置input的值。與獲取input的值類似，我們同樣可以使用DOM元素的value屬性來設置輸入框的值。例如下面的代碼將在輸入框中自動填入內容：

<input type="text" id="myInput">
<button onclick="setValue()">設置值</button>
<script>
function setValue() {
document.getElementById("myInput").value = "自動填充的內容";
}
</script>

在上面的代碼中，我們通過函數setValue()設置了輸入框中的值為“自動填充的內容”。同樣需要注意的是，每次設置input的值時最好先判斷該輸入框是否已經存在，否則容易出現錯誤。 除了直接設置value屬性外，我們還可以通過form元素的reset()方法來清空input的值。例如下面的代碼將點擊按鈕時清空輸入框中的值：

<form id="myForm">
<input type="text" id="myInput">
</form>
<button onclick="resetValue()">清空值</button>
<script>
function resetValue() {
document.getElementById("myForm").reset();
}
</script>

在上面的代碼中，我們通過點擊按鈕來觸發resetValue()函數，從而使用reset()方法清空輸入框中的值。需要注意的是，reset()方法并不僅限于清空input的值，而是可以清空整個表單的值。 最后，我們還可以結合正則表達式來對input的值進行驗證。例如下面的代碼將驗證輸入框中的值是否為數字：

<input type="text" id="myInput">
<button onclick="checkValue()">驗證值</button>
<script>
function checkValue() {
var inputValue = document.getElementById("myInput").value;
var regExp = /^[0-9]+$/;
if (regExp.test(inputValue)) {
alert("輸入正確！");
} else {
alert("輸入錯誤，請重新輸入數字！");
}
}
</script>

在上面的代碼中，我們通過正則表達式/^[0-9]+$/來判斷輸入框中是否為數字。如果是數字則彈出“輸入正確！”的提示框，否則彈出“輸入錯誤，請重新輸入數字！”的提示框。 綜上所述，使用JavaScript獲取和設置input的值是非常常見的操作之一。通過本文的講解，讀者可以更好地掌握如何使用JavaScript進行input操作并加以運用。