Propiedad de medios de enlace HTML DOM

La propiedad de medios de enlace HTML DOM se utiliza para establecer o devolver el valor del atributo de medios de un elemento <link> . El atributo de medios se utiliza para especificar qué tipo de dispositivos de medios está optimizado el recurso de destino. 

Sintaxis:

Se utiliza para devolver la propiedad multimedia .

linkObject.media; 

Se utiliza para establecer la propiedad multimedia .

linkObject.media="values" 

Valores de propiedad:

  • todo: Apto para todos los dispositivos
  • aural: sintetizadores de voz
  • braille: dispositivos de retroalimentación braille
  • handheld: dispositivos portátiles (pantalla pequeña, ancho de banda limitado)
  • proyección: Proyectores
  • imprimir: modo de vista previa de impresión/páginas impresas
  • pantalla: Pantallas de computadora
  • tty: teletipos y medios similares que utilizan una cuadrícula de caracteres de paso fijo
  • tv: dispositivos de baja resolución o capacidad de desplazamiento limitada como la televisión.

Valor de retorno: devuelve un valor de string que representa una lista separada por comas de tipos de medios.

Ejemplo: A continuación, el código HTML ilustra cómo devolver la propiedad de medios de enlace. 

HTML

<!DOCTYPE html>
<html>
 
<head>
    <link id="linkid" rel="stylesheet"
        type="text/css" href="" media="screen">
</head>
 
<body style="text-align:center;">
    <h1>GeeksforGeeks</h1>
    <h2>DOM Link media Property</h2>
 
    <button onclick="btnclick()">Return</button>
 
    <p id="pid" style="font-size:25px;color:green;">
    </p>
 
 
    <script>
        function btnclick() {
             
            // Access link element.
            var newVar = document
                .getElementById("linkid").media;
 
            document.getElementById(
                "pid").innerHTML = newVar;
        }
    </script>
</body>
 
</html>

Producción:

Navegadores compatibles:

  • Google cromo 1
  • Borde 12
  • explorador de Internet 6
  • Firefox 1
  • Ópera 12.1
  • safari de manzana 4

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 *