Esto provoca un error:
document.querySelector('#element-that-does-not-exist').remove()La forma en que lo arreglo:
let el = document.querySelector('#element-that-does-not-exist') if (el) { el.remove() }Mi pregunta: ¿hay una forma más elegante de evitar un error? ¿Una línea de código preferiblemente?
Simplemente puede usar el operador de navegación segura:
document.querySelector('#element-that-does-not-exist')?.remove() De esta forma, si querySelector devuelve null , no se llamará a remove() .
Si no estás usando un transpiler como Babel o Webpack, te puede interesar conocer la tabla de compatibilidad: https://caniuse.com/mdn-javascript_operators_opcional_chaining