如何获取 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 返回元素集合。使用数字索引访问特定元素。

浏览器支持

下表概述了这些方法的浏览器支持：

Browser	Method 1	Method 2	Method 3	Method 4	Method 5/6
IE6	Buggy	No	Yes	Buggy	No
IE7	Buggy	No	Yes	Buggy	No
IE8	Yes	No	Yes	Buggy	Yes
IE9	Yes	Yes	Yes	Buggy	Yes
IE10	Yes	Yes	Yes	Yes	Yes
FF 3.0	Yes	Yes	Yes	Yes	No
FF 3.5/3.6	Yes	Yes	Yes	Yes	Yes
FF 4b1	Yes	Yes	Yes	Yes	Yes
GC4/GC5	Yes	Yes	Yes	Yes	Yes
Safari 4/5	Yes	Yes	Yes	Yes	Yes
Opera 10.10/	No	No	No	No	No
Opera 10.53/	Yes	Yes	Yes	Buggy	Yes
Opera 10.60	No	No	No	No	No
Opera 12	Yes	Yes	Yes	Yes	Yes

以上是如何获取 JavaScript 中文本输入字段的值？的详细内容。更多信息请关注PHP中文网其他相关文章！