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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。