JavaScript是一種基于對象和事件驅動的編程語言，廣泛應用于Web頁面的交互效果和動態效果實現。在Web開發中，經常需要設置文本框的值，本文將介紹如何使用JavaScript設置文本框的值，并配以實際代碼舉例說明。
文本框是Web開發中常見的表單元素，可用于用戶輸入信息。通過設置文本框的值，可以實現自動填充、表單驗證等功能。下面就來看一下如何使用JavaScript設置文本框的值。
一、使用value屬性設置文本框的值
value屬性是文本框對象的屬性之一，用于獲取或設置文本框的值。例如，若有一個文本框的id為text1，則可以使用以下代碼設置文本框的默認值：

<code>
<input type="text" id="text1" />
<script>
document.getElementById("text1").value = "默認值";
</script>
</code>

以上代碼中，通過document.getElementById()獲取文本框對象，然后使用value屬性設置文本框的默認值為“默認值”。
二、使用innerHTML屬性設置文本框的值
innerHTML屬性是JavaScript中常用的屬性之一，用于獲取或設置文本框的HTML內容。雖然文本框一般不需要設置HTML文本，但在某些特殊的場景下，使用innerHTML屬性設置文本框的值也是可行的。例如，若有一個文本框的id為text1，則可以使用以下代碼設置文本框的內容：

<code>
<input type="text" id="text1" />
<script>
document.getElementById("text1").innerHTML = "文本框的內容";
</script>
</code>

以上代碼中，通過document.getElementById()獲取文本框對象，然后使用innerHTML屬性設置文本框的內容為“文本框的內容”。
三、結合事件使用設置文本框的值
在實際的應用中，通常需要通過某個事件來設置文本框的值，例如點擊按鈕時設置文本框的值。以下是一個示例代碼：

<code>
<input type="text" id="text1" />
<input type="button" value="設置文本框的值" onclick="setValue()" />
<script>
function setValue() {
document.getElementById("text1").value = "按鈕點擊后文本框的值";
}
</script>
</code>

以上代碼中，當用戶點擊按鈕時，執行setValue()函數，通過document.getElementById()獲取文本框對象，然后使用value屬性設置文本框的值為“按鈕點擊后文本框的值”。
綜上所述，本文介紹了三種常用的方式使用JavaScript設置文本框的值，并且結合實際代碼舉例說明了每種方法的使用方式。在Web開發中，設置文本框的值是非常常見的操作，掌握以上幾種設置方式將大大提高代碼的效率和可讀性。