El método removeProperty() se usa para eliminar la propiedad CSS existente .
Sintaxis: se utiliza para eliminar la propiedad CSS especificada.
object.removeProperty(propertyname)
Parámetros: Acepta un único parámetro:
- propertyname: Es un parámetro obligatorio que contiene una string que representa el nombre de la propiedad a eliminar.
Valor devuelto: Devuelve el valor de la propiedad eliminada en forma de string.
Ejemplo: Para mostrar el funcionamiento del método removeProperty() :
html
<html> <head> <title> CSS | Style Declaration removeProperty() Method </title> <style> body { text-align: center; } h1 { color: green; } #p1 { color: green; font-size: 20; background-color: black; } </style> </head> <body> <h1>GeeksforGeeks</h1> <p id="p1"> removeProperty() Method</p> <button onclick="myFunction()"> Remove property </button> <p id="gfg"></p> <!-- Script to remove the property --> <script> function myFunction() { var x = document.styleSheets[ 0].cssRules[2].style; // Remove the background color property. var propertyRemoved = x.removeProperty( "background-color"); document.getElementById( "gfg").innerHTML = "Property removed is background-color i.e." + propertyRemoved; } </script> </body> </html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el método removeProperty() de declaración de estilo se enumeran a continuación:
- Google cromo 1
- Borde 12
- explorador de Internet 9
- Firefox 1
- Ópera 12.1
- Safari 1
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA