HTML DOM Style quotes गुणधर्म

HTML DOM style quotes गुणधर्म HTML दस्तावेज़ में उद्धरण चिह्नों के प्रकार को लौटाता है और संशोधित करता है।

वाक्य रचना (Syntax)

निम्नलिखित वाक्य रचना है:

quotes लौटाना

object.style.quotes

quotes संशोधित करना

object.style.quotes = "value"

मान (Values)

यहाँ मान निम्न हो सकते हैं:

उदाहरण

आइए HTML DOM style quotes गुणधर्म का एक उदाहरण देखें:

<!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 गुणधर्म उदाहरण</h1> 
<q>मैं कुछ डमी टेक्स्ट के साथ एक q तत्व हूँ।</q> 
<button onclick="add()" class="btn">उद्धरण बदलें</button> 
<script> 
    function add() { 
        document.querySelector('q').style.quotes = "'#' '#'"; 
    } 
</script> </body> </html>

आउटपुट

यह निम्न आउटपुट उत्पन्न करेगा:

"उद्धरण बदलें" बटन पर क्लिक करके उद्धरण चिह्न बदलें।