วิธีตั้งค่าตำแหน่งเครื่องหมายรายการ (List Item Marker) ด้วย JavaScript

ใช้คุณสมบัติ listStylePosition เพื่อกำหนดตำแหน่งเครื่องหมายรายการ ค่า inside (อยู่ภายในบล็อกข้อความ), outside (อยู่นอกบล็อก - ค่าเริ่มต้น)

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <ol id="myID">
      <li>One</li>
      <li>Two</li>
    </ol>
    <button type="button" onclick="displayInside()">Add list inside</button>
    <button type="button" onclick="displayOutside()">Add list outside</button>
    <script>
      function displayInside() {
        document.getElementById("myID").style.listStylePosition = "inside";
      }
      function displayOutside() {
        document.getElementById("myID").style.listStylePosition = "outside";
      }
    </script>
  </body>
</html>