HTML DOM शैली प्रॉपर्टी रिटर्न को कोट करती है और HTML दस्तावेज़ में कोटेशन संलग्न करने के लिए उद्धरण चिह्नों के प्रकार को संशोधित करती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
-
रिटर्निंग कोट्स
object.style.quotes
-
उद्धरण संशोधित करना
object.style.quotes = “value”
मान
यहाँ, मान हो सकता है -
मान | <वें शैली="चौड़ाई:85.238%; पाठ-संरेखण:केंद्र;">स्पष्टीकरण|
---|---|
उत्तराधिकारी | यह इस गुण मान को इसके मूल तत्व से प्राप्त करता है। |
आरंभिक | इसने इस गुण मान को उसके डिफ़ॉल्ट मान पर सेट किया। |
कोई नहीं | यह डिफ़ॉल्ट चिह्न ("") सेट करता है जो कोटेशन के लिए उपयोग किए जाते हैं। |
स्ट्रिंग स्ट्रिंग स्ट्रिंग स्ट्रिंग | यह कोटेशन मार्क सेट करता है। यहां पहले दो मान संलग्न उद्धरण के पहले स्तर को निर्दिष्ट करते हैं और अन्य दो मान संलग्न उद्धरण के अगले स्तर को निर्दिष्ट करते हैं। |
उदाहरण
आइए HTML DOM स्टाइल कोट्स प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> body { color: #000; background: lightblue; height: 100vh; } q { margin: 20px; } .btn { background: #db133a; border: none; height: 2rem; border-radius: 2px; width: 40%; display: block; color: #fff; outline: none; cursor: pointer; margin: 20px; } </style> </head> <body> <h1>DOM Style quotes Property Example</h1> <q>I'm a q element with some dummy text.</q> <button onclick="add()" class="btn">Change quotes</button> <script> function add() { document.querySelector('q').style.quotes = "'#' '#'"; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
“उद्धरण बदलें . पर क्लिक करें "उद्धरण चिह्न बदलने के लिए बटन।