HTML Ol start用法及代码示例

DOM Ol start属性用于在有序列表中设置或返回start属性的值。 HTML中的start属性用于指定为单个列表项编号的起始值。它与有序列表一起使用。

用法:

它用于返回start属性。
```
olObject.start
```
它用于设置start属性。
```
olObject.start = number
```

属性值

number:它定义一个起始值，该值代表有序列表中第一个列表项的起始值。

返回值：它返回一个字符串值，该字符串值表示有序列表中第一个列表项的第一个值。
示例1：说明如何返回属性的HTML程序。

<!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>

输出：
在单击按钮之前：

单击按钮后：

示例2：说明如何设置属性的HTML程序。

<!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>

输出：
在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了DOM ol start属性支持的浏览器：

谷歌浏览器
IE浏览器
Firefox
Opera
Safari

相关用法

注：本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Ol start Property。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。