El método item() se usa para devolver el nombre de propiedad de CSS desde un bloque de declaración de CSS a través de index .
Sintaxis:
style.item(index)
Parámetros: Acepta un único parámetro:
- index: Es un parámetro obligatorio que contiene un número que representa el índice de la propiedad CSS.
Valor devuelto: Devuelve el nombre de la propiedad CSS en forma de string.
Ejemplo: para mostrar el funcionamiento del método item() :
html
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<p id="p1"
style="color:green;
font-size:20">
item() Method
</p>
<button onclick="myFunction()">
Get CSS property
</button>
<p id="gfg"></p>
<!-- Script to get the property -->
<script>
function myFunction() {
var x =
document.getElementById("p1").style;
var propertyName = x.item(1);
document.getElementById("gfg").innerHTML =
"Property at index 1 is " + propertyName;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google cromo 1
- Borde 12
- explorador de Internet 9
- Firefox 1
- Safari 6
- Ópera 12.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