Skip to content
Related Articles

Related Articles

HTML | DOM ol compact Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 29 Aug, 2022
View Discussion
Improve Article
Save Article

The HTML DOM ol compact Property is used to set or return a value of the compact attribute in <ol> tag. The compact attribute is used to define the list that should be smaller than the normal by reducing the space between the list items and the indentation of the list. It is a Boolean attribute.

Note: This property is not supported by HTML5.

Syntax: 

  • It returns ol compact Property.
olObject.compact
  • It is used to set the ol compact property.
olObject.compact = "True/false";

Property Values:

  • true: It defines that the compact property is set.
  • false: It defines that the compact property is not set. it is a default value.

Return Values: It returns a Boolean value that represents the compact property is set to true or false.
Example:

HTML




<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM ol compact Property</title>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2> HTML DOM ol compact Property </h2>
    <ol id="Geeks" type="1" compact>
        <!-- Assigning id to 'li tag' -->
        <li id="GFG">Geeks</li>
        <li>Sudo</li>
        <li>Gfg</li>
        <li>Gate</li>
        <li>Placement</li>
    </ol>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function myGeeks() {
            // return ol compact Property
            var g = document.getElementById(
            "Geeks").compact;
            document.getElementById(
            "sudo").innerHTML = g;
        }
    </script>
</body>
</html>

Output: 

Before Clicking On Button:

After Clicking On Button:

Example 2:

HTML




<!DOCTYPE html>
<html>
<head>
    <title>HTML DOM ol compact Property</title>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2> HTML DOM ol compact Property </h2>
    <ol id="Geeks" type="1" compact>
        <!-- Assigning id to 'li tag' -->
        <li id="GFG">Geeks</li>
        <li>Sudo</li>
        <li>Gfg</li>
        <li>Gate</li>
        <li>Placement</li>
    </ol>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function myGeeks() {
            // set ol compact Property
            var g = document.getElementById(
            "Geeks").compact = "false";
            document.getElementById(
            "sudo").innerHTML = g;
        }
    </script>
</body>
</html>

Output: 

Before Clicking On Button: 

After Clicking On Button: 

Supported Browsers: The HTML DOM ol compact property is not supported by any major browsers.


My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!