HTML DOM कोट ऑब्जेक्ट HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है।
आइए q ऑब्जेक्ट बनाते हैं -
सिंटैक्स
निम्नलिखित वाक्य रचना है -
document.createElement(“Q”);
गुण
कोट ऑब्जेक्ट के गुण निम्नलिखित हैं -
संपत्ति | स्पष्टीकरण |
---|---|
उद्धरण | यह किसी HTML दस्तावेज़ में उद्धरण तत्व के उद्धरण विशेषता के मान को लौटाता है और परिवर्तित करता है। |
उदाहरण
आइए हम HTML DOM कोट ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <style> body{ text-align:center; background-color:#fff; color:#0197F6; } h1{ color:#23CE6B; } .drop-down{ width:35%; border:2px solid #fff; font-weight:bold; padding:8px; } .btn{ background-color:#fff; border:1.5px dashed #0197F6; height:2rem; border-radius:2px; width:60%; margin:2rem auto; display:block; color:#0197F6; outline:none; cursor:pointer; } p{ font-size:1.2rem; background-color:#db133a; color:#fff; padding:8px; } </style> </head> <body> <h1>DOM quote Object Demo</h1> <button onclick="createQuote()" class="btn">Create a quote object</button> <script> function createQuote() { var qElement = document.createElement("Q"); qElement.innerHTML="WordPress is software designed for everyone, emphasizing accessibility, performance, security, and ease of use. We believe great software should work with minimum set up, so you can focus on sharing your story, product, or services freely. "; qElement.setAttribute("cite","https://wordpress.org/about/"); document.body.appendChild(qElement); } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
“एक कोट ऑब्जेक्ट बनाएं . पर क्लिक करें कोट ऑब्जेक्ट बनाने के लिए बटन -