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

Question

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

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

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

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

这没有得到价值。我如何使用类来获得价值？

Answer 1

在一个网站上重复 id 绝对没问题，而不是在单个 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();

你会得到价值。