JavaScript से लिस्ट-आइटम मार्कर के रूप में इमेज कैसे सेट करें?

उदाहरण

listStyleImage प्रॉपर्टी से कस्टम इमेज को लिस्ट मार्कर के रूप में उपयोग करें।

<!DOCTYPE html>
<html>
  <body>
    <ol id="myID">
      <li>एक</li>
      <li>दो</li>
    </ol>
    <button type="button" onclick="display()">लिस्ट इमेज अपडेट करें</button>
    <script>
      function display() {
        document.getElementById("myID").style.listStyleImage = "url('https://tutorialspoint.com/css/images/bullet.gif')";
      }
    </script>
  </body>
</html>

नोट: इमेज लोड न होने पर फॉलबैक के लिए list-style-type भी सेट करें। आधुनिक CSS में ::marker स्यूडो-एलिमेंट अधिक नियंत्रण देता है।