En Web API hay elementos de estilo que tienen un atributo de tipo. Para obtener este atributo de tipo, usamos la propiedad HTMLStyleElement.type , que devuelve el tipo del estilo actual.
Sintaxis:
getType = style.type;
Ejemplo: obtener el atributo de tipo.
<!DOCTYPE html>
<html>
<head>
<style>
a:focus {
background-color: magenta;
}
</style>
<link id="Link"
rel="stylesheet"
type="text/css"
media="screen" />
<script type="text/javascript">
function gettype() {
var label =
document.getElementById('Link');
document.getElementById('type').innerHTML =
label.type;
}
</script>
</head>
<body>
<center>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>HTML StyleElement type property</h2>
<button onclick="gettype ();"
id="btn">
Get type
</button>
<p id='type'></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
- Firefox
- Safari
- Ópera