HTML DOM blockquote cite प्रॉपर्टी HTML <blockquote> एलिमेंट से जुड़ी है। इस प्रॉपर्टी का उपयोग कोटेशन के cite एट्रिब्यूट को सेट या लौटाने के लिए किया जाता है। cite प्रॉपर्टी स्क्रीन रीडर्स के लिए उपयोगी है और सामान्य यूज़र के लिए इतना नहीं क्योंकि इसका वेब पेज पर कोई दृश्य प्रभाव नहीं पड़ता। cite प्रॉपर्टी का उपयोग कोटेशन के स्रोत URL को सेट करने के लिए किया जाता है।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
cite प्रॉपर्टी सेट करना -
blockquoteObject.cite = URL
यहां, URL कोटेशन के स्थान को निर्दिष्ट करता है।
उदाहरण
आइए blockquote cite प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <h2>Quote</h2> <p>Here is a quote:</p> <blockquote id="myBlockquote" cite="www.webexample.com"> Here is some sample text in place of quote. </blockquote> <p>Click the button below to change the above quote cite value.</p> <button onclick="citeChange()">CHANGE</button> <p id="Sample"></p> <script> function citeChange() { document.getElementById("myBlockquote").cite = "https://www.examplesite.com"; document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' "; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
CHANGE पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने id “myBlockquote” के साथ एक <blockquote> एलिमेंट लिया है और cite प्रॉपर्टी मान webexample है -
<blockquote id="myBlockquote" cite="www.webexample.com"> Here is some sample text in place of quote. </blockquote>
फिर हमारे पास citeChange() फ़ंक्शन को निष्पादित करने के लिए CHANGE बटन है -
<button onclick="citeChange()">CHANGE</button>
citeChange() फ़ंक्शन “myBlockquote” id वाले एलिमेंट को प्राप्त करता है और इसका cite एट्रिब्यूट प्राप्त करता है और इसे “www.examplesite.com” में बदल देता है। cite मान बदलने के बाद संदेश “The value of the cite attribute was changed to 'www.examplesite.com' ” को इससे जुड़े id “Sample” वाले पैराग्राफ में प्रदर्शित किया जाता है।
function citeChange() { document.getElementById("myBlockquote").cite = "https://www.examplesite.com"; document.getElementById("Sample").innerHTML = "The value of the cite attribute was changed to 'www.examplesite.com' "; }
