Thuộc tính start của đối tượng Ol trong HTML DOM

Thuộc tính start của đối tượng Ol trong HTML DOM thiết lập hoặc trả về giá trị của thuộc tính start của một danh sách có thứ tự.

Cú pháp

Lấy giá trị:

olObject.start

Thiết lập giá trị:

olObject.start = số

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính start của đối tượng Ol:

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM Ol start</title>
  <style>
    form { width: 70%; margin: 0 auto; text-align: center; }
    * { padding: 2px; margin: 5px; }
    input[type="button"] { border-radius: 10px; }
    ol { width: 30%; margin: 0 auto; }
  </style>
</head>
<body>
  <form>
    <fieldset>
      <legend>HTML-DOM-Ol-start</legend>
      <h3>Sinh viên</h3>
      <ol id="orderList" start='2'>
        <li>Zampa</li>
        <li>Rajesh</li>
        <li>Eden</li>
        <li>Bina</li>
        <li>Alex</li>
        <li>Adam</li>
      </ol>
      <input type="button" onclick="reverseNumbering()" value="Sửa danh sách">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var studentList = document.getElementById("orderList");
    function reverseNumbering() {
      studentList.start = '1';
      divDisplay.textContent = 'Đã sửa danh sách';
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Sửa danh sách':

Sau khi nhấn nút 'Sửa danh sách':