HTML | DOM Ul type Property
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>w3wiki</h1> <h2>DOM ul Type Property </h2> <ul id="Beginner" type="circle"> <!-- Assigning id to 'li tag' --> <li id="GFG">Beginner</li> <li>Sudo</li> <li>Gfg</li> <li>Gate</li> <li>Placement</li> </ul> <button onclick="myBeginner()">Submit</button> <p id="sudo"></p> <script> function myBeginner() { // return ul type Property var g = document.getElementById( "Beginner").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>w3wiki</h1> <h2>DOM ul Type Property </h2> <ul id="Beginner" type="circle"> <!-- Assigning id to 'li tag' --> <li id="GFG">Beginner</li> <li>Sudo</li> <li>Gfg</li> <li>Gate</li> <li>Placement</li> </ul> <button onclick="myBeginner()">Submit</button> <p id="sudo"></p> <script> function myBeginner() { // set ul type Property var g = document.getElementById( "Beginner").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