วิธีตั้งค่าประเภทเครื่องหมายรายการ (List Style Type) ด้วย JavaScript

ใช้คุณสมบัติ listStyleType เพื่อเปลี่ยนรูปแบบเครื่องหมายรายการ เช่น disc, circle, square, decimal, lower-roman ฯลฯ

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <ul id="myID">
      <li>One</li>
      <li>Two</li>
    </ul>
    <button type="button" onclick="displaySquare()">Update list style type (square)</button>
    <button type="button" onclick="displayDecimal()">Update list style type (decimal)</button>
    <script>
      function displaySquare() {
        document.getElementById("myID").style.listStyleType = "square";
      }
      function displayDecimal() {
        document.getElementById("myID").style.listStyleType = "decimal";
      }
    </script>
  </body>
</html>