Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีตั้งค่า listStyleImage, listStylePosition, listStyleType ในประกาศเดียวด้วย JavaScript

ใช้คุณสมบัติ shorthand listStyle เพื่อกำหนดรูปภาพ ตำแหน่ง และประเภทเครื่องหมายรายการพร้อมกัน

ตัวอย่าง

<!DOCTYPE html>
<html>
  <body>
    <ol id="myID">
      <li>One</li>
      <li>Two</li>
    </ol>
    <button type="button" onclick="display()">Change style</button>
    <script>
      function display() {
        document.getElementById("myID").style.listStyle = "circle outside";
      }
    </script>
  </body>
</html>