Cách thiết lập kiểu dấu mục (list-style-type) cho danh sách với JavaScript

Thuộc tính listStyleType (CSS list-style-type) xác định kiểu hiển thị của dấu mục: chấm, số, chữ cái, v.v.

Ví dụ minh họa

Hai nút chuyển đổi giữa bullet vuông (square) và số thập phân (decimal):

<!DOCTYPE html>
<html>
<body>
  <ul id="myID">
    <li>Một</li>
    <li>Hai</li>
  </ul>
  <button type="button" onclick="displaySquare()">Kiểu vuông (square)</button>
  <button type="button" onclick="displayDecimal()">Kiểu số (decimal)</button>
  <script>
    function displaySquare() {
      document.getElementById("myID").style.listStyleType = "square";
    }
    function displayDecimal() {
      document.getElementById("myID").style.listStyleType = "decimal";
    }
  </script>
</body>
</html>

Các giá trị listStyleType phổ biến