CSSStyleDeclaration item() Method
The item() method is used to return the property name of CSS from a CSS declaration block through index.
Syntax:
style.item(index)
Parameters: It accepts a single parameter:
- index: It is a required parameter that contains a number which represents the index of the CSS property.
Return Value: It returns the name of the CSS property in the form of the string.
Example: To show the working of the item() method:
<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> |
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers:
- Google Chrome
- Internet Explorer 9.0
- Firefox
- Safari
- Opera
