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

javascript, how to take value from an input by class?

本文关键字：获取 输入 何按类 javascript      更新时间：2023-12-20

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

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

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

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

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

您应该坚持使用ID——它们在页面中必须是唯一的。

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

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

然而，这个功能在旧的浏览器上不太受支持，这是坚持使用ID的另一个很好的理由。

在一个网站上重复id是完全可以的，而不是在一个html文档上。

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

实际上是：

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

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

尝试使用这个：

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

只需使用-即可使用jquery

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

你会得到价值。

相关文章：