HTML DOM कोड ऑब्जेक्ट HTML 5 टैग से संबद्ध है। इसका उपयोग
तत्व के अंदर कोड के एक टुकड़े को चिह्नित करने के लिए किया जाता है। कोड ऑब्जेक्ट मूल रूप से
तत्व का प्रतिनिधित्व करता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैकोड ऑब्जेक्ट बनाना -
var a = document.createElement("CODE");
उदाहरण
आइए HTML DOM कोड ऑब्जेक्ट के लिए एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <p>Click the below button to create a CODE element with some text</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>
आउटपुट
यह निम्नलिखित आउटपुट देगा -
क्रिएट -
. पर क्लिक करने पर
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है जो कि उपयोगकर्ता द्वारा क्लिक किए जाने पर createCode() विधि को निष्पादित करेगा -
<button onclick="createCode()">CREATE</button><br><br>
createCode () विधि दस्तावेज़ ऑब्जेक्ट पर createElement ("CODE") विधि का उपयोग करके एक तत्व बनाती है। बनाया गया तत्व चर x को सौंपा गया है। फिर दस्तावेज़ ऑब्जेक्ट पर createTextNode() विधि का उपयोग करके कुछ टेक्स्ट वाला टेक्स्ट नोड बनाया जाता है। यह पाठ नोड चर x पर appendChild () विधि का उपयोग करके
तत्व में एक बच्चे के रूप में जोड़ा जाता है।
यह तत्व टेक्स्ट नोड के साथ फिर एपेंड चाइल्ड () विधि का उपयोग करके दस्तावेज़ निकाय के बच्चे के रूप में जोड़ा जाता है -
function createCode() { var x = document.createElement("CODE"); var t = document.createTextNode("print('HELLO WORLD')"); x.appendChild(t); document.body.appendChild(x); }