Klasse statt getElementById

Question

Ich möchte das Pikaday Skript verwenden und es gibt mir JavaScript-Code zu meinem Projekt hinzufügen. Etwas wie:

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

Gibt es eine Möglichkeit, eine Klasse statt getElementByID zu benutzen? Zum Beispiel:

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

Answer 1

, wenn Sie nur neuere Browser verwenden, können Sie

document.querySelector('.datepicker') 

verwenden Dies wird Ihnen das erste Element, das die Klasse übereinstimmt. Hier ist der Caniuse Link http://caniuse.com/#search=querySelector

Für älteren Browser können Sie

document.getElementsByClassName('datepicker')[0] 

Answer 2

übergeben Sie das ersten Element von getElementsByClassName() gefunden:

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

getElementsByClassName gibt eine Liste, aber der Konstruktor will ein einzelnes Element.