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 >GeeksforGeeks</ h1 >
< h2 >DOM ul Type Property </ h2 >
< ul id="Geeks" type="circle">
< 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">
< 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
Share your thoughts in the comments
Please Login to comment...