Atributo CORRE IMG SRC usando JavaScript
Al diseñar una página web o sitio interactiva, puede haber un requisito para hacer la transición entre varios elementos de vez en cuando. Por ejemplo, en el proceso de agregar técnicas de reconocimiento de captcha y imagen o ocultar un elemento particular para la utilización apropiada del modelo de objeto de documento (DOM). En tales casos, la compensación del atributo IMG SRC es beneficioso para garantizar el diseño de documentos accesible y hacer que el sitio se destaque.
Este blog explicará cómo borrar el atributo SRC de imagen usando JavaScript.
Cómo borrar el atributo IMG SRC usando JavaScript?
Para borrar el atributo IMG SRC usando JavaScript, se pueden utilizar los siguientes enfoques:
-
- "removeattribute ()" método.
- "mostrar" propiedad.
- "visibilidad" propiedad.
Sigamos cada uno de los enfoques uno por uno!
Enfoque 1: Atributo IMG IMG SRC en JavaScript usando el método RemoveAtTribute ()
El "removeattribute ()El método "elimina el atributo de un elemento. Este método se puede utilizar para borrar un atributo particular que resulta en eliminar la imagen especificada en el clic del botón.
Sintaxis
elemento.RemoveAttribute (nombre)
En la sintaxis dada:
-
- "nombre"Se refiere al nombre del atributo.
Ejemplo
Sigamos el ejemplo declarado a continuación:
En el fragmento de código anterior:
-
- Especificar la imagen indicada que tiene la especificada "identificación" y el "SRC" atributo.
- Además, cree un botón con un adjunto "al hacer clic"Evento invoca la función ClearAttribute ().
- En el código JavaScript, defina una función llamada "ClearAttribute ()".
- En su definición, acceda a la imagen incluida a través de "identificación" utilizando el "getElementById ()" método.
- Finalmente, aplique el "removeattribute ()Método "para eliminar el"SRC"Atributo, que dará como resultado borrar la imagen en el botón Haga clic.
Producción
La salida anterior significa que la imagen especificada en el "SRC"El atributo se borra en el clic del botón.
Enfoque 2: Atributo IMG IMG SRC en JavaScript utilizando la propiedad de visualización
El "mostrar"La propiedad devuelve el tipo de visualización del elemento asociado. Esta propiedad se puede utilizar para asignar un valor al elemento correspondiente de tal manera que el atributo contenido se borre en el botón Haga clic.
Sintaxis
objeto.estilo.visualización = valor
En la sintaxis dada:
-
- "valor"Se refiere al valor asignado a la propiedad de visualización.
Ejemplo
Vamos a ver el siguiente ejemplo:
En las líneas de código anteriores, implementa los siguientes pasos:
-
- Recuerde los enfoques para incluir una imagen a través del "SRC"Atributo y creación de un botón que tiene un"al hacer clic" evento.
- En el código JavaScript, defina la función "ClearAttribute ()".
- En su definición, de manera similar, acceda a la imagen incluida utilizando el "getElementById ()" método.
- Por último, asigne el valor "ninguno"A la propiedad de visualización. Esto dará como resultado la eliminación de la imagen especificada en el "SRC" atributo.
Producción
La salida anterior indica que se logra la funcionalidad deseada.
Enfoque 3: Atributo Claro IMG SRC en JavaScript utilizando la propiedad de visibilidad
El "visibilidad"La propiedad asigna el valor de tal manera que un elemento se vuelva visible o no. Esta propiedad se puede implementar para ocultar el elemento asociado, deshabilitando así la imagen especificada en el "SRC"Atributo dentro del elemento.
Sintaxis
objeto.estilo.visibilidad = valor
En la sintaxis dada anteriormente:
-
- "valor"Señala el valor asignado al elemento asociado.
Ejemplo
El ejemplo a continuación ilustra el concepto declarado:
En las líneas de código anteriores:
-
- Del mismo modo, especifique la imagen establecida que tiene la especificada "identificación" y el "SRC" atributo.
- Además, asocie un "al hacer clic"Evento con la redirección del botón creado a la función ClearAttribute ().
- En la parte de JavaScript del código, defina una función llamada "ClearAttribute ()".
- Aquí, de manera similar, acceda a la imagen incluida usando el "getElementById ()" método.
- Finalmente, asigne el valor "oculto"Para el elemento asociado, yo.mi., imagen.
- Esto ocultará la imagen especificada en el "SRC"Atributo, limpiándolo por el botón Haga clic.
Producción
La imagen especificada se borra de DOM sobre el clic del botón, limpiando así el "SRC" atributo.
Conclusión
El "removeattribute ()"Método, el"mostrar"Propiedad, o la"visibilidadLa propiedad se puede aplicar para borrar el atributo IMG SRC usando JavaScript. El método RemoveAttribute () se puede utilizar para eliminar el "SRC"Atributo que también dará como resultado la eliminación de la imagen especificada en ella también. La propiedad de visualización oculta la pantalla, limpiando así la imagen en el botón, haga clic. La propiedad de visibilidad oculta el elemento asociado que resulta en la limpieza de los contenidos "SRC"Atributo también. Este blog está guiado para borrar el atributo IMG SRC en JavaScript.