Atributo Clear IMG SRC usando JavaScript
Ao projetar uma página ou site interativo, pode haver um requisito para fazer a transição entre vários elementos de tempos em tempos. Por exemplo, no processo de adição de técnicas de reconhecimento de CAPTCHA e imagem ou ocultar um elemento específico para a utilização apropriada do Modelo de Objeto do Documento (DOM). Nesses casos, a limpeza do atributo IMG SRC é benéfico para garantir o design de documentos acessíveis e destacar o site.
Este blog explicará como limpar o atributo SRC da imagem usando JavaScript.
Como limpar o atributo IMG SRC usando JavaScript?
Para limpar o atributo IMG SRC usando JavaScript, as seguintes abordagens podem ser utilizadas:
-
- ““removeattribute ()”Método.
- ““mostrar" propriedade.
- ““visibilidade" propriedade.
Vamos seguir cada uma das abordagens uma a uma!
Abordagem 1: Clear IMG SRC Atributo em JavaScript usando o método removeattribute ()
O "removeattribute ()”Método remove o atributo de um elemento. Este método pode ser utilizado para limpar um atributo específico, resultando na remoção da imagem especificada no botão Clique.
Sintaxe
elemento.removeattribute (nome)
Na sintaxe dada:
-
- ““nome”Refere -se ao nome do atributo.
Exemplo
Vamos seguir o exemplo abaixo do momento:
No trecho de código acima:
-
- Especifique a imagem declarada com o especificado “eu ia" e a "src”Atributo.
- Além disso, crie um botão com um anexo “ONCLICK”Evento invocando a função clearattribute ().
- No código JavaScript, defina uma função chamada “clearattribute ()”.
- Em sua definição, acesse a imagem incluída via “eu ia”Usando o“getElementById ()”Método.
- Finalmente, aplique o “removeattribute ()”Método para remover o“src”Atributo, que resultará na limpeza da imagem no botão Clique.
Saída
A saída acima significa que a imagem especificada no “src”O atributo limpa o botão Clique.
Abordagem 2: Clear IMG SRC Atributo em JavaScript usando a propriedade Display
O "mostrar”Propriedade retorna o tipo de exibição do elemento associado. Esta propriedade pode ser utilizada para atribuir um valor ao elemento correspondente, de modo que o atributo contido seja limpo no botão Clique.
Sintaxe
objeto.estilo.display = valor
Na sintaxe dada:
-
- ““valor”Refere -se ao valor atribuído à propriedade de exibição.
Exemplo
Vamos ver o exemplo a seguir:
Nas linhas de código acima, implemente as seguintes etapas:
-
- Lembre -se das abordagens para incluir uma imagem através do “src”Atributo e criando um botão com um“ONCLICKEvento.
- No código JavaScript, defina a função “clearattribute ()”.
- Em sua definição, da mesma forma, acesse a imagem incluída usando o “getElementById ()”Método.
- Por fim, atribua o valor “nenhum”Para a propriedade Display. Isso resultará na limpeza da imagem especificada no “src”Atributo.
Saída
A saída acima indica que a funcionalidade desejada é alcançada.
Abordagem 3: Clear IMG SRC Atributo em JavaScript usando a propriedade de visibilidade
O "visibilidade”A propriedade atribui o valor a que um elemento se torna visível ou não. Esta propriedade pode ser implementada para ocultar o elemento associado, desativando a imagem especificada no “src”Atributo dentro do elemento.
Sintaxe
objeto.estilo.visibilidade = valor
Na sintaxe acima mencionada:
-
- ““valor”Aponta para o valor atribuído ao elemento associado.
Exemplo
O exemplo abaixo do rumo ilustra o conceito declarado:
Nas linhas acima do código:
-
- Da mesma forma, especifique a imagem declarada com o especificado “eu ia" e a "src”Atributo.
- Além disso, associe um “ONCLICK”Evento com o botão criado redirecionando para a função clearattribute ().
- Na parte JavaScript do Código, defina uma função chamada “clearattribute ()”.
- Aqui, da mesma forma, acesse a imagem incluída usando o “getElementById ()”Método.
- Finalmente, atribua o valor “escondido”Para o elemento associado, eu.e., imagem.
- Isso resultará resultantes da imagem especificada no “src”Atributo, limpando -o com o botão Clique.
Saída
A imagem especificada é limpa de DOM no clique do botão, limpando o “src”Atributo.
Conclusão
O "removeattribute ()”Método, o“mostrar”Propriedade, ou a“visibilidade”A propriedade pode ser aplicada para limpar o atributo IMG SRC usando JavaScript. O método removeattribute () pode ser utilizado para remover o ”src”Atributo que resultará na limpeza da imagem especificada também. A propriedade Display esconde a tela, limpando a imagem no botão Clique. A propriedade de visibilidade esconde o elemento associado, resultando na limpeza do contido “src”Atributo também. Este blog é orientado a limpar o atributo IMG SRC em JavaScript.