Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

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

उदाहरण

listStyleType प्रॉपर्टी से लिस्ट मार्कर का प्रकार (डिस्क, सर्कल, स्क्वायर, दशमलव, आदि) सेट करें।

<!DOCTYPE html>
<html>
  <body>
    <ul id="myID">
      <li>एक</li>
      <li>दो</li>
    </ul>
    <button type="button" onclick="displaySquare()">लिस्ट शैली प्रकार अपडेट करें (स्क्वायर)</button>
    <button type="button" onclick="displayDecimal()">लिस्ट शैली प्रकार अपडेट करें (दशमलव)</button>
    <script>
      function displaySquare() {
        document.getElementById("myID").style.listStyleType = "square";
      }
      function displayDecimal() {
        document.getElementById("myID").style.listStyleType = "decimal";
      }
    </script>
  </body>
</html>

सामान्य मान: disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, none।

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

    उदाहरण listStyleImage प्रॉपर्टी से कस्टम इमेज को लिस्ट मार्कर के रूप में उपयोग करें। <!DOCTYPE html> <html> <body> <ol id=myID> <li>एक</li> <li>दो</li> </ol> <button type=button onclick=display()>लिस्ट इमेज अपडेट क

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

    उदाहरण listStyleType प्रॉपर्टी से लिस्ट मार्कर का प्रकार (डिस्क, सर्कल, स्क्वायर, दशमलव, आदि) सेट करें। <!DOCTYPE html> <html> <body> <ul id=myID> <li>एक</li> <li>दो</li> </ul> <button type=button onclick=displaySquar

  1. - JavaScript से एलिमेंट के सभी मार्जिन्स एक साथ कैसे सेट करें?

    उदाहरण margin शॉर्टहैंड प्रॉपर्टी से चारों मार्जिन एक साथ सेट करें। <!DOCTYPE html> <html> <body> <button type=button onclick=display()>चारों मार्जिन सेट करें</button> <p id=myID>यह डेमो टेक्स्ट है।</p> <script> function display() {