javascript，如何从类输入中获取值？

Question

我使用此代码从输入框中获取值：

var suggest_type = document.getElementById('ac-type').value;

现在我需要在其他几个页面上应用我的js代码。我听说在一个网站上重复一个ID是不好的。所以，我正在考虑改变使用这样的类：

var suggest_type = document.getElementByClass('ac-type').value;

这没有得到价值。我怎样才能用class来获取价值？

Answer 1

在网站上重复ids绝对不错，而不是单个html文档。

ID在一个html页面中应该是唯一的。

Answer 2

实际上是：

var suggest_type = document.getElementsByClassName('ac-type')[0].value;

但我同意Jon Taylor的观点，ID在网站中可以是相同的，只要它们不会在同一页面上重复。

Answer 3

你应该坚持使用ID - 它们只需要在页面中是唯一的。

如果必须使用类，则需要使用getElementsByClassName()：

var elems = document.getElementsByClassName('ac-type');
var value = elems[0].value;

但旧版浏览器不支持此功能，这是坚持使用ID的另一个好理由。

Answer 4

尝试使用：

var elements = document.getElementsByClassName('ac-type'); // this is an array containing all matched elements

Answer 5

只需使用 -

即可使用jquery

$('.ac-type').val();

你会得到价值。