The DOM Ol start property is used to set or return the value of the start attribute in an ordered list. The start attribute in HTML is used to specify the start value for numbering the individual list item. It is used with an ordered list.
Syntax:
- It is used to return the start property.
olObject.start
- It is used to Set the start property.
olObject.start = number
Property Values
- number: It defines a start value which represent the start value of the first list item in the ordered list.
Return Value: It returns a numeric value which represent the first value of the first list item in the ordered list.
Example-1: HTML Program that illustrate how to return the property.
<!DOCTYPE html> <html>
<head>
<title>DOM ol start Property</title></title>
</head>
<body>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2 style = "color: green;">
DOM ol start Property
</h2>
<p>Sorting Algorithms</p>
<ol start="7" id="GFG">
<li>Bubble sort</li>
<li>Merge sort</li>
<li>Quick sort</li>
</ol>
<button onclick="myGeeks()">Submit</button>
<p id="sudo" style="font-size:25px;color:green;">
</p>
<!-- Script to get the value of start property -->
<script>
function myGeeks() {
var x = document.getElementById("GFG").start;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
|
Output :
Before clicking on the button:
After clicking on the button :
Example-2 : HTML Program that illustrate how to set the Property.
<!DOCTYPE html> <html>
<head>
<title>DOM ol start Property</title></title>
</head>
<body>
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2 style = "color: green;">
DOM ol start Property
</h2>
<p>Sorting Algorithms</p>
<ol start="2" id="GFG">
<li>Bubble sort</li>
<li>Merge sort</li>
<li>Quick sort</li>
</ol>
<button onclick="myGeeks()">Submit</button>
<!-- Script to set the value of start property -->
<script>
function myGeeks() {
document.getElementById("GFG").start = "7";
}
</script>
</body>
</html>
|
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers: The browser supported by DOM ol start Property are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari