类而不是getElementById

Question

我想使用Pikaday脚本，它为我提供了添加到项目中的JavaScript代码。类似的东西：

var picker = new Pikaday({ field: document.getElementById('datepicker') });

有没有办法使用类而不是getElementByID？例如：

var picker = new Pikaday({ field: $('.datepicker') });

Answer 1

传递getElementsByClassName()找到的第一个元素：

var picker = new Pikaday({ field: document.getElementsByClassName('datepicker')[0] });

getElementsByClassName返回一个列表，但构造函数需要一个元素。

Answer 2

如果您只使用较新的浏览器，则可以使用

document.querySelector('.datepicker')

这将为您提供与该类匹配的第一个元素。以下是Caniuse链接http://caniuse.com/#search=querySelector

对于旧版浏览器，您可以使用

document.getElementsByClassName('datepicker')[0]