Use document.querySelector() instead of document.getElementById() or document.getElementsByClassName()

dev-note-2017-09-16.md

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');