Verifique se um elemento está desativado usando JavaScript

Nos processos de atualização de uma página da web ou do site, certas funcionalidades precisam ser desativadas de tempos em tempos. Por outro lado, permitindo as funcionalidades desativadas para a utilização dos recursos atuais. Nesses casos, a verificação se um elemento é desativado usando JavaScript auxilia em acessar os elementos de maneira eficaz, economizando tempo no final do desenvolvedor.

Este blog ilustrará os conceitos para verificar se um elemento está desativado usando JavaScript.

Como verificar se um elemento está desativado em JavaScript?

Para verificar se um elemento está desativado em JavaScript, aplique as seguintes abordagens:

• ““desabilitado" propriedade.
• ““getAttribute ()”Método.
• ““jQuery”.

Vamos discutir as abordagens declaradas uma a uma!

Abordagem 1: Verifique se um elemento está desativado em JavaScript usando a propriedade desativada

O "desabilitadoPropriedade desativa o elemento associado. Esta propriedade pode ser utilizada ao lado de uma condição para aplicar um cheque no elemento buscado para o requisito declarado e executar a condição correspondente.

Exemplo
Vamos passar pelo exemplo a seguir:

No trecho de código acima:

• Especifique um “entrada“Campo de texto com os atributos desativados, ID e espaço reservado, respectivamente.
• No código JS, acesse o elemento incluído por meio de seu “eu ia”Usando o“getElementById ()”Método.
• Depois disso, associe o “desabilitado”Propriedade com o elemento buscado para aplicar uma condição para o requisito declarado.
• Após a condição satisfeita, a condição anterior será executada.
• No outro cenário, a mensagem contra o “outro”A condição será exibida.

Saída

Na saída acima, pode -se observar que o elemento de campo de texto de entrada está desativado, como evidente no modelo de objeto de documento (DOM) e no console, respectivamente.

Abordagem 2: Verifique se um elemento está desativado no JavaScript usando o método getAttribute ()

O "getAttribute ()”O método retorna o valor do atributo de um elemento. Este método pode ser aplicado para executar o requisito declarado, localizando o atributo correspondente em um elemento.

Sintaxe

elemento.getAttribute (nome)

Na sintaxe acima mencionada:

• ““nome”Corresponde ao nome do atributo.

Exemplo
O exemplo a seguir ilustra o conceito declarado:

Clique em mim

Nas linhas acima do código:

• Em primeiro lugar, inclua um “botão”Elemento com os atributos“eu ia" e "desabilitado”, Respectivamente. Aqui, atribua o valor booleano “verdadeiro”Para o atributo desativado.
• No código JavaScript, acesse o elemento de botão incluído usando o “getElementById ()”Método, conforme discutido.
• Agora, aplique o “getAttribute ()”Método para localizar o atributo“ desativado ”dentro do elemento buscado na etapa anterior.
• Da mesma forma, as condições correspondentes serão executadas sobre os requisitos satisfeitos e insatisfeitos.

Saída

Como visto acima, o botão está desativado no DOM, assim como a mensagem correspondente no console.

Abordagem 3: Verifique se um elemento está desativado em JavaScript usando jQuery

O "jQuery”A abordagem pode ser implementada para acessar o elemento incluído diretamente e verificar um atributo específico.

Exemplo
Vamos visão geral do exemplo abaixo:

Siga as etapas declaradas nas linhas acima do código:

• Em primeiro lugar, inclua um elemento da área de texto com os atributos declarados.
• Além disso, inclua o “jQuery”Biblioteca para utilizar suas funcionalidades.
• No código JS, acesse o elemento na primeira etapa por seu “eu iaDiretamente.
• Depois disso, associe o “attr ()”Método com o elemento buscado de modo que o atributo declarado em seu parâmetro esteja localizado no elemento.
• Por fim, a mensagem correspondente será exibida através da caixa de diálogo alerta.

Saída

Após a verificação, o elemento correspondente acabou sendo desativado na saída acima.

Conclusão

O "desabilitado”Propriedade, a“getAttribute ()”Método, ou o“jQuery”A abordagem pode ser utilizada para verificar se um elemento está desativado usando JavaScript. A propriedade desativada pode ser implementada juntamente com a condição para aplicar um cheque no elemento acessado. O método getAttribute () executa o requisito declarado localizando o atributo correspondente em um elemento. Enquanto a abordagem do jQuery acessa o elemento e também verifica um atributo específico. Este tutorial explicou como verificar se um elemento está desativado em JavaScript.