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

<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 1
Edge 12
Internet Explorer 9
Firefox 1
Safari 6
Opera 12.1

Article Tags :

CSS

Web Technologies