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