Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Ul type Property

  • Difficulty Level : Basic
  • Last Updated : 27 Mar, 2020

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

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:




<!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() { 
            // Accessing 'ul' tag. 
            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:




<!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() { 
            // Accessing 'ul' tag. 
            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

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :