Compruebe si un elemento está deshabilitado usando JavaScript
Este blog ilustrará los conceptos para verificar si un elemento está deshabilitado usando JavaScript.
Cómo verificar si un elemento está deshabilitado en JavaScript?
Para verificar si un elemento está deshabilitado en JavaScript, aplique los siguientes enfoques:
- "desactivado" propiedad.
- "getAttribute ()" método.
- "jQuery".
Discutamos los enfoques declarados uno por uno!
Enfoque 1: Compruebe si un elemento está deshabilitado en JavaScript utilizando la propiedad deshabilitada
El "desactivado"La propiedad deshabilita el elemento asociado. Esta propiedad se puede utilizar junto con una condición para aplicar un control sobre el elemento recuperado para el requisito establecido y ejecutar la condición correspondiente.
Ejemplo
Pasemos por el siguiente ejemplo:
En el fragmento de código anterior:
- Especificar un "aporte"Campo de texto que tiene los atributos deshabilitados, ID y marcador de posición, respectivamente.
- En el código JS, acceda al elemento incluido a través de su "identificación" utilizando el "getElementById ()" método.
- Después de eso, asocie el "desactivado"Propiedad con el elemento recuperado para aplicar una condición para el requisito establecido.
- Sobre la condición satisfecha, la condición anterior se ejecutará.
- En el otro escenario, el mensaje contra el "demásSe mostrará la condición.
Producción
En la salida anterior, se puede observar que el elemento de campo de texto de entrada está deshabilitado, como se evidente en el modelo de objeto de documento (DOM) y la consola, respectivamente.
Enfoque 2: Compruebe si un elemento está deshabilitado en JavaScript usando el método getAttribute ()
El "getAttribute ()"El método devuelve el valor del atributo de un elemento. Este método se puede aplicar para realizar el requisito establecido localizando el atributo correspondiente en un elemento.
Sintaxis
elemento.getAttribute (nombre)En la sintaxis dada anteriormente:
- "nombre"Corresponde al nombre del atributo.
Ejemplo
El siguiente ejemplo ilustra el concepto declarado:
En las líneas de código anteriores:
- En primer lugar, incluya un "botón"Elemento tiene los atributos"identificación" y "desactivado", Respectivamente. Aquí, asigne el valor booleano "verdadero"Para el atributo discapacitado.
- En el código de JavaScript, acceda al elemento del botón incluido usando el "getElementById ()Método, como se discutió.
- Ahora, aplique el "getAttribute ()"Método para localizar el atributo" deshabilitado "dentro del elemento recuperado en el paso anterior.
- Del mismo modo, las condiciones correspondientes se ejecutarán sobre los requisitos satisfechos e insatisfechos.
Producción
Como se vio anteriormente, el botón está deshabilitado en el DOM, y también lo es el mensaje correspondiente en la consola.
Enfoque 3: Compruebe si un elemento está deshabilitado en JavaScript usando jQuery
El "jQueryEl enfoque se puede implementar para acceder directamente al elemento incluido y verificar un atributo particular.
Ejemplo
Vamos a ver el ejemplo dado a continuación:
Siga los pasos establecidos en las líneas de código anteriores:
- En primer lugar, incluya un elemento de área de texto que tenga los atributos establecidos.
- Además, incluya el "jQuery"Biblioteca para utilizar sus funcionalidades.
- En el código JS, acceda al elemento en el primer paso por su "identificación"Directamente.
- Después de eso, asocie el "attr ()"Método con el elemento recuperado de modo que el atributo establecido en su parámetro se encuentra en el elemento.
- Por último, el mensaje correspondiente se mostrará a través del cuadro de diálogo de alerta.
Producción
Tras la verificación, el elemento correspondiente resultó desactivarse en la salida anterior.
Conclusión
El "desactivado"Propiedad, la"getAttribute ()Método "o el"jQueryEl enfoque se puede utilizar para verificar si un elemento está deshabilitado utilizando JavaScript. La propiedad discapacitada se puede implementar junto con la condición para aplicar una verificación sobre el elemento accedido. El método getAttribute () realiza el requisito establecido localizando el atributo correspondiente dentro de un elemento. Mientras que el enfoque jQuery accede al elemento y también verifica un atributo particular en él. Este tutorial explicó cómo verificar si un elemento está deshabilitado en JavaScript.