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

Thuộc tính type 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 type, tương ứng với loại dấu đánh dấu được sử dụng trong danh sách có thứ tự.

Cú pháp

Lấy giá trị:

olObject.type

Thiết lập giá trị:

olObject.type = '1|a|A|i|I'

Ví dụ

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

<!DOCTYPE html>
<html>
<head>
  <title>HTML DOM Ol type</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-type</legend>
      <h3>Sinh viên</h3>
      <ol id="orderList" type='2'>
        <li>Adam</li>
        <li>Alex</li>
        <li>Bina</li>
        <li>Eden</li>
        <li>Rajesh</li>
        <li>Zampa</li>
      </ol>
      <input type="button" onclick="changeMarker()" value="Thay đổi dấu">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var studentList = document.getElementById("orderList");
    function changeMarker() {
      studentList.type = 'I';
      divDisplay.textContent = 'Đã thay đổi dấu';
    }
  </script>
</body>
</html>

Kết quả

Trước khi nhấn nút 'Thay đổi dấu':

Sau khi nhấn nút 'Thay đổi dấu':