Open In App

HTML | DOM Ul type Property

Improve
Improve
Like Article
Like
Save
Share
Report

The HTML DOM Ul type Property is used to sets or returns a value of the type attribute of a <ul> Element.

Note: This property is no longer supported in HTML5.

Syntax: 

  • It returns a ul type Property.
ulObject.type
  • It is used to set the ul type property.
ulObject.type = "disc/circle/square";

Property Values: 

  • disc: Default. A filled circle.
  • circle: An unfilled circle.
  • square: A filled square.

Example: 

HTML




<!DOCTYPE html>
<html>
<head>
    <title>DOM ul Type Property</title>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM ul Type Property </h2>
    <ul id="Geeks" type="circle">
        <!-- Assigning id to 'li tag' -->
        <li id="GFG">Geeks</li>
        <li>Sudo</li>
        <li>Gfg</li>
        <li>Gate</li>
        <li>Placement</li>
    </ul>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function myGeeks() {
            // return ul type Property
            var g = document.getElementById(
            "Geeks").type;
            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>DOM ul Type Property</title>
</head>
<body>
    <h1>GeeksforGeeks</h1>
    <h2>DOM ul Type Property </h2>
    <ul id="Geeks" type="circle">
        <!-- Assigning id to 'li tag' -->
        <li id="GFG">Geeks</li>
        <li>Sudo</li>
        <li>Gfg</li>
        <li>Gate</li>
        <li>Placement</li>
    </ul>
    <button onclick="myGeeks()">Submit</button>
    <p id="sudo"></p>
    <script>
        function myGeeks() {
            // set ul type Property
            var g = document.getElementById(
            "Geeks").type ="square";
            document.getElementById(
            "sudo").innerHTML = g;
        }
    </script>
</body>
</html>


Output: 

Before Clicking On Button:

  

After Clicking On Button:

  

Supported Browsers: The browser supported by HTML DOM ul Type Property are listed below:

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Safari
  • Opera


Last Updated : 29 Aug, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads