CSS | Declaración de estilo método removeProperty()

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

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *