Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 类而不是getElementById_Javascript_Jquery - Fatal编程技术网

Javascript 类而不是getElementById

Javascript 类而不是getElementById,javascript,jquery,Javascript,Jquery,我想使用这个脚本,它给了我JavaScript代码来添加到我的项目中。比如: var picker = new Pikaday({ field: document.getElementById('datepicker') }); 是否有任何方法可以使用类而不是getElementByID?例如: var picker = new Pikaday({ field: $('.datepicker') }); 传递由getElementsByCassName()找到的第一个元素。: getElem

我想使用这个脚本,它给了我JavaScript代码来添加到我的项目中。比如:

var picker = new Pikaday({ field: document.getElementById('datepicker') });
是否有任何方法可以使用类而不是
getElementByID
?例如:

var picker = new Pikaday({ field: $('.datepicker') });
传递由
getElementsByCassName()找到的第一个元素。


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

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

document.querySelector('.datepicker')
document.getElementsByClassName('datepicker')[0]
这将为您提供与该类匹配的第一个元素。这是Caniuse链接

对于较旧的浏览器,您可以使用

document.querySelector('.datepicker')
document.getElementsByClassName('datepicker')[0]

var-picker=new-Pikaday({field:$('.datepicker').get(0)})-看起来插件需要一个DOM元素-所以使用一个DOM元素。你想要第一个日期选择器吗?或者数组中的所有元素?document.getElementsByClassName('datepicker'))