HTML DOM blockquote मूल रूप से HTML एलिमेंट <blockquote> को दर्शाता है। <blockquote> एलिमेंट <q> टैग के विपरीत कोई कोटेशन मार्क्स नहीं जोड़ता। हम blockquote ऑब्जेक्ट की मदद से <blockquote> प्रॉपर्टीज को बना और एक्सेस कर सकते हैं।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
blockquote ऑब्जेक्ट बनाना -
var x = document.createElement("BLOCKQUOTE");
उदाहरण
आइए blockquote ऑब्जेक्ट का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <p>Click on the below button to create a blockquote object</p> <button onclick="createBloc()">CREATE</button> <script> function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample text."); x.setAttribute("cite", "https://www.examplesite.com"); x.setAttribute("id", "myQuote"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
CREATE पर क्लिक करने पर -
उपरोक्त उदाहरण में -
पहले, हमने createBloc() फ़ंक्शन को कॉल करने के लिए CREATE बटन बनाया है।
<button onclick="createBloc()">CREATE</button>
createBloc() फ़ंक्शन document ऑब्जेक्ट के createElement() मेथड का उपयोग करके एक <blockquote> एलिमेंट बनाता है। फिर document ऑब्जेक्ट के createTextNode() मेथड का उपयोग करके हमने इसके अंदर कुछ टेक्स्ट के साथ एक टेक्स्ट नोड बनाया। setAttribute() मेथड का उपयोग करके हम ऊपर बनाए गए <blockquote>एलिमेंट में cite, और id जैसे कुछ एट्रिब्यूट जोड़ते हैं। एलिमेंट को फिर अंत में इसके appendChild() मेथड का उपयोग करके document body के चाइल्ड के रूप में जोड़ा जाता है।
function createBloc() { var x = document.createElement("BLOCKQUOTE"); var t = document.createTextNode("This is a random block quote.This is some sample text."); x.setAttribute("cite", "https://www.examplesite.com"); x.setAttribute("id", "myQuote"); x.appendChild(t); document.body.appendChild(x); }
