HTML DOM Code ऑब्जेक्ट

HTML DOM Code ऑब्जेक्ट HTML5 <code> टैग से जुड़ा होता है। इसका उपयोग <code> एलिमेंट के अंदर कोड के एक टुकड़े को घेरकर मार्कअप करने के लिए किया जाता है। Code ऑब्जेक्ट मूल रूप से <code> एलिमेंट को दर्शाता है।

सिंटैक्स (Syntax)

Code ऑब्जेक्ट बनाने का सिंटैक्स:

var a = document.createElement("CODE");

उदाहरण (Example)

HTML DOM Code ऑब्जेक्ट का एक उदाहरण:

<!DOCTYPE html> <html> <body> <p>कुछ टेक्स्ट के साथ CODE एलिमेंट बनाने के लिए नीचे दिए गए बटन पर क्लिक करें</p> <button onclick="createCode()">CREATE</button><br><br> <script> function createCode() { var x = document.createElement("CODE"); var t = document.createTextNode("print('HELLO WORLD')"); x.appendChild(t); document.body.appendChild(x); } </script> </body> </html>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

HTML DOM Code ऑब्जेक्ट

CREATE पर क्लिक करने पर:

HTML DOM Code ऑब्जेक्ट

उपरोक्त उदाहरण में:

हमने एक CREATE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर createCode() मेथड को एक्जीक्यूट करेगा:

<button onclick="createCode()">CREATE</button><br><br>

createCode() मेथड डॉक्यूमेंट ऑब्जेक्ट पर createElement("CODE") मेथड का उपयोग करके एक <code> एलिमेंट बनाता है। बनाया गया एलिमेंट वेरिएबल x को असाइन किया जाता है। फिर डॉक्यूमेंट ऑब्जेक्ट पर createTextNode() मेथड का उपयोग करके कुछ टेक्स्ट के साथ एक टेक्स्ट नोड बनाया जाता है। यह टेक्स्ट नोड वेरिएबल x पर appendChild() मेथड का उपयोग करके <code> एलिमेंट के चाइल्ड के रूप में जोड़ा जाता है।

यह <code> एलिमेंट टेक्स्ट नोड के साथ फिर appendChild() मेथड का उपयोग करके डॉक्यूमेंट बॉडी के चाइल्ड के रूप में जोड़ा जाता है:

function createCode() { var x = document.createElement("CODE"); var t = document.createTextNode("print('HELLO WORLD')"); x.appendChild(t); document.body.appendChild(x); }