如何取得 JavaScript 中文字輸入欄位的值？

如何在JavaScript 中取得文字輸入欄位值

要在不使用HTML 表單的情況下從文字欄位取得輸入值，有幾種方法可以在JavaScript 中使用。

方法1 (getElementById)

document.getElementById('searchTxt').value;

方法2 (getElementsByClassName)

document.getElementsByClassName('searchField')[0].value;

3 (getElementsByTagName)

document.getElementsByTagName('input')[0].value;

方法 4 (getElementsByName)

document.getElementsByName('searchTxt')[0].value;

方法 5/6 (querySelector/querySelectorAll)

// Use unique identifier, class, tag, or attribute selection
document.querySelector('input[type="text"]').value;

注意： 方法 2、3、4 和 6 傳回元素集合。使用數字索引存取特定元素。

瀏覽器支援

下表概述了這些方法的瀏覽器支援：

以上是如何取得 JavaScript 中文字輸入欄位的值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！