在網頁開發中，文本框是經常用到的元素。而在JavaScript中，我們可以輕松地獲取文本框的值。下面就讓我們來學習一些獲得文本框值的方法。

首先，我們可以通過getElementById方法來獲取文本框的值。例如，在下面這個例子中，我們可以輸入一些文本并點擊“顯示輸入”的按鈕，就可以將輸入的值顯示出來。

<input type="text" id="inputBox">
<br><br>
<button onclick="showInput()">顯示輸入</button>
<script>
function showInput() {
var input = document.getElementById("inputBox").value;
alert("你輸入的是：" + input);
}
</script>

上面的代碼中，我們定義了一個inputBox的文本框，并在按鈕的onclick事件中調用showInput函數。在showInput函數中，我們通過getElementById方法獲取inputBox的值，并通過alert方法彈出對話框顯示輸入的值。

除了getElementById方法，我們還可以使用getElementsByTagName方法。該方法返回一個數組，我們可以通過索引或循環遍歷的方式獲取文本框的值。

<input type="text" name="inputBox">
<input type="text" name="inputBox">
<br><br>
<button onclick="showInput()">顯示輸入</button>
<script>
function showInput() {
var inputs = document.getElementsByTagName("input");
var inputVal = "";
for (var i = 0; i < inputs.length; i++) {
if (inputs[i].name === "inputBox") {
inputVal += inputs[i].value + " ";
}
}
alert("你輸入的是：" + inputVal);
}
</script>

在上面的代碼中，我們定義了兩個name為inputBox的文本框，并在按鈕的onclick事件中調用showInput函數。在showInput函數中，我們通過getElementsByTagName方法獲取所有的input元素，并通過循環遍歷的方式獲取文本框的值。

如果你只想獲取頁面中一個指定class名的文本框的值，可以使用getElementsByClassName方法。例如：

<input type="text" class="inputBox">
<br><br>
<button onclick="showInput()">顯示輸入</button>
<script>
function showInput() {
var input = document.getElementsByClassName("inputBox")[0].value;
alert("你輸入的是：" + input);
}
</script>

在上面的代碼中，我們定義了一個class名為inputBox的文本框，并在按鈕的onclick事件中調用showInput函數。在showInput函數中，我們通過getElementsByClassName方法獲取指定class名的元素，并通過索引的方式獲取第一個文本框的值。

除了以上方法外，我們還可以通過name屬性或者jQuery等庫來獲取文本框的值。通過這些方法，我們可以輕松地獲取并操作文本框中的值，為網頁應用的實現提供了便利。