Tutoriales JavaScript

Comprobar si un elemento existe con Javascript

Las condicionales Javascript son conocimientos básicos e importantes que cualquier buen desarrollador web debe poder manejar al menos en su nivel más básico. De entre ellas, saber como comprobar si un elemento existe es elemental.

Supongamos que queremos eliminar un elemento, pero, si dicho elemento no existe estaríamos creando un error Javascript pues no es posible eliminar un elemento que no existe, por ello, comprobar si existe para posteriormente eliminarlo sería la forma correcta. Claramente, es sólo un ejemplo, la condicional podría ser usada por otros motivos según lo que el desarrollador tenga en mente.

Comprobar si un elemento existe con jQuery

if($('#elemento').length) { /* Que hacer si existe */ } else {/* Que hacer si no existe */}Su uso es tan sencillo que una explicación sería inútil pues tan sólo hay que cambiar #elemento por nuestro elemento ya sea un class o cualquier otro ID.

Comprobar si un elemento existe con Javascript limpio

// Comprobar usando el ID del elemento
if(document.getElementById("elemento")){/* Que hacer si existe */} else {/* Que hacer si no existe */}

// Comprobar usando el Class del elemento o cualquier otro atributo
if(document.querySelector(".elemento")){/* Que hacer si existe */} else {/* Que hacer si no existe */}
Al igual que con jQuery sólo se requiere cambiar el ID o Class por el de su elemento.

Website Protected by Spam Master