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

Thuộc tính reversed của đối tượng Ol trong HTML DOM thiết lập hoặc trả về việc thứ tự danh sách có nên giảm dần hay tăng dần (mặc định).

Cú pháp

Lấy giá trị (boolean - true/false):

olObject.reversed

Thiết lập giá trị:

olObject.reversed = giáTrịBoolean

Trong đó "giáTrịBoolean" có thể là:

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM Ol reversed</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-reversed</legend>
      <h3>Sinh viên</h3>
      <ol id="orderList">
        <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.reversed = true;
      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':