En Web API hay elementos de estilo que tienen atributos de medios. Para obtener este atributo de medios, usamos la propiedad HTMLStyleElement.media , que especifica el medio de destino previsto para la información de estilo.
Sintaxis:
label = style.media style.media = label
etiqueta es una string que describe un solo medio o una lista separada por comas.
Ejemplo: obtener el atributo de medios
<!DOCTYPE html>
<html>
<head>
<title>
StyleElement media property
</title>
<style>
a:focus {
background-color: magenta;
}
</style>
<link id="Link"
rel="stylesheet"
type="text/css"
media="screen" />
<script type="text/javascript">
function getmedia() {
var label = document.getElementById('Link');
document.getElementById(
'media').innerHTML = label.media;
}
</script>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>HTML StyleElement media property</h2>
<button onclick="getmedia();"
id="btn">Get media</button>
<p id='media'></p>
</center>
</body>
</html>
Salida:
Haga clic en el botón:
Cuando se hace clic en el botón:
Navegadores compatibles:
- Google Chrome
- Borde 12
- explorador de Internet
- Firefox
- Safari
- Ópera