Queryselect überprüfen

Wenn man mit JS eine Element selektieret und es nicht vorhanden ist, kommt es zu keinem Fehler. Möchte man aber mit dem Element bzw. der Variable etwas anstellen, kommt es zu einem Fehler. So kann man das vermeiden.

var foo = document.querySelector('[data-select="foo"]');
var bar = document.querySelectorAll('[data-select="bar"]');

if (foo !== null) {
  console.log("foo exists");
} else {
  console.log("foo does not exist");
}

if (bar.length > 0) {
  console.log("bar exists");
} else {
  console.log("bar does not exist");
}