HTML DOM Style counterReset प्रॉपर्टी का उपयोग किसी काउंटर को एक निश्चित मान पर रीसेट करने या एक बनाने के लिए किया जाता है। इसका उपयोग आमतौर पर counterIncrement प्रॉपर्टी के साथ मिलकर काउंटर को बढ़ाने या घटाने के लिए किया जाता है।
सिंटैक्स निम्नलिखित है:
counterReset प्रॉपर्टी सेट करना:
object.style.counterReset = "none|name number|initial|inherit"
उपरोक्त प्रॉपर्टी मान निम्नलिखित हैं:
| मान | विवरण |
|---|---|
| none | यह डिफ़ॉल्ट मान है जिसका अर्थ है कि कोई काउंटर रीसेट नहीं किया जाएगा। |
| name | यह दिए गए नाम के साथ काउंटर को रीसेट करता है जिसे रीसेट किया जाना चाहिए। |
| idnumber | यह आईडी द्वारा दिए गए काउंटर को प्रत्येक सेलेक्टर घटना पर संख्या द्वारा दिए गए मान पर रीसेट करता है। इसका डिफ़ॉल्ट रीसेट मान 0 है। |
| initial | इस प्रॉपर्टी को प्रारंभिक मान पर सेट करने के लिए। |
| inherit | मूल तत्व के प्रॉपर्टी मान को विरासत में लेने के लिए। |
आइए counterReset प्रॉपर्टी के लिए एक उदाहरण देखें:
उदाहरण
<!DOCTYPE html> <html> <head> <style> li::after { counter-increment: demo_var 10; content: " " counter(demo_var) "."; } </style> <script> function changeCounterReset(){ document.getElementsByTagName("ul")[0].style.counterReset="demo_var"; document.getElementById("Sample").innerHTML="अनऑर्डर्ड लिस्ट के लिए काउंटर रीसेट मान demo_var है"; } </script> </head> <body> <ul> <li>Demo =</li> <li>Demo =</li> <li>Demo =</li> <li>Demo =</li> <li>Demo =</li> <li>Demo =</li> </ul> <p>नीचे दिए गए बटन पर क्लिक करके उपरोक्त लिस्ट counterReset मान बदलें</p> <button onclick="changeCounterReset()">counterReset बदलें</button> <p id="Sample"></p> </body> </html>आउटपुट
counterReset बदलें बटन पर क्लिक करने पर:
