HTML | DOM del cita Propiedad

La propiedad DOM del cite en HTML DOM se usa para establecer o devolver el valor del atributo cite de un elemento <del> . El atributo de cita se utiliza para especificar la URL del documento o mensaje que indica el motivo de la eliminación del texto. No tiene ningún efecto visual en ningún navegador web ordinario. Sólo puede ser utilizado por lectores de pantalla.

Sintaxis:

Devuelve la propiedad cite.
```
delObject.cite
```
Se utiliza para establecer la propiedad cite.
```
delObject.cite = URL
```

Valores de propiedad:

URL: Especifica la URL del documento que define por qué el texto estaba borrando otro texto anterior.
Los valores posibles son:

URL absoluta: se usa para señalar otros sitios web (como cite = «http://www.w3schools.com»)
URL relativa: Se utiliza para señalar la página dentro del sitio web. (como cite=”geeks.htm”)

Valor devuelto: Devuelve un valor de string que representa la URL del documento de origen.

Ejemplo-1: Este ejemplo devuelve la propiedad cite.

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML DOM Del cite Property
  </title>
    <style>
        del {
            color: red;
        }
          
        ins {
            color: green;
        }
    </style>
</head>
  
<body style="text-align:center;">
    <h1>
      GeeksforGeeks
  </h1>
  
    <h2>
      DOM Del cite Property
  </h2>
  
    <p>
        GeeksforGeeks is a 
      <del id="GFG" 
           cite="www.GeeksForGeeks.com"> 
            mathematical</del> 
      <ins>
        computer</ins> science portal
    </p>
  
    <button onclick="myGeeks()">
        Submit
    </button>
  
    <p id="sudo"
       style="Font-size:25px;
              color:green;">
  </p>
  
    <script>
        function myGeeks() {
            var g =
                document.getElementById("GFG").cite;
            
            document.getElementById(
              "sudo").innerHTML = g;
        }
    </script>
  
</body>
  
</html>

Salida:
antes de hacer clic en el botón:

Después de hacer clic en el botón:

Ejemplo-2: Este ejemplo establece la propiedad cite.

<!DOCTYPE html>
<html>
  
<head>
    <title>
      HTML DOM Del cite Property
  </title>
    <style>
        del {
            color: red;
        }
          
        ins {
            color: green;
        }
    </style>
</head>
  
<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
  
    <h2>
      DOM Del cite Property
  </h2>
  
    <p>
        GeeksforGeeks is a
      <del id="GFG"
           cite="www.GeeksForGeeks.com"> 
            mathematical
      </del> 
      <ins>computer</ins> science portal
    </p>
  
    <button onclick="myGeeks()">
        Submit
    </button>
  
    <p id="sudo" 
       style="Font-size:25px;
              color:green;">
  </p>
  
    <script>
        function myGeeks() {
            var g = 
                document.getElementById(
                  "GFG").cite = 
                "www.finecomb.com";
            
            document.getElementById(
              "sudo").innerHTML = 
              "The cite attribute was changd to " + g;
        }
    </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 la propiedad DOM Del cite se enumeran a continuación:

Google Chrome
Internet Explorer 10.0 +
Firefox
Ópera
Safari

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 Cancelar la respuesta