Web browsers now support jQuery-like query selectors using document.querySelector()
.
For the jQuery code $('.sample#test')
, the conventional vanilla JS way to do it might be:
var divById = document.getElementById('#test');
// or
var divByClass = document.getElementsByClassName('.sample')[0];
Instead, there is now a more eloquent way:
var div = document.querySelector('.sample#test');