HTML DOM createComment() मेथड का उपयोग दिए गए टेक्स्ट के साथ एक कमेंट नोड बनाने के लिए किया जाता है। यह कमेंट बनाने के लिए पैरामीटर के रूप में लेता है। चूंकि कमेंट्स विजिबल नहीं होते, इसलिए आपको इस मेथड को एक्जीक्यूट करने के बाद HTML डॉक्यूमेंट को इंस्पेक्ट करना होगा ताकि बनाया गया कमेंट देख सकें।
सिंटैक्स (Syntax)
createComment() मेथड का सिंटैक्स:
document.createComment(text);
यहां, text स्ट्रिंग टाइप का है जिसमें वह डेटा होता है जिसे कमेंट में जोड़ा जाना है।
उदाहरण (Example)
createComment() मेथड का एक उदाहरण:
<!DOCTYPE html> <html> <body> <p>इस HTML डॉक्यूमेंट में कमेंट बनाने और जोड़ने के लिए नीचे दिए गए बटन पर क्लिक करें।</p> <button onclick="Comment()">COMMENT</button> <p id="Sample"></p> <script> function Comment() { var x = document.createComment("This is a sample comment"); document.body.appendChild(x); var p = document.getElementById("Sample"); x.innerHTML = "The comment was added and can only be seen in the HTML document only"; } </script> <p>HTML डॉक्यूमेंट में कमेंट देखने के लिए कोड इंस्पेक्ट करें</p> </body> </html>आउटपुट (Output)
इससे निम्नलिखित आउटपुट प्राप्त होगा:
COMMENT पर क्लिक करने के बाद और HTML डॉक्यूमेंट में कमेंट देखने के लिए कोड इंस्पेक्ट करने पर:
उपरोक्त उदाहरण में:
हमने एक COMMENT बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर Comment() फंक्शन को एक्जीक्यूट करेगा:
<button onclick="Comment()">COMMENT</button>
Comment() फंक्शन डॉक्यूमेंट ऑब्जेक्ट के createComment() मेथड का उपयोग करके पैरामीटर के रूप में सप्लाई किए गए मैसेज के साथ एक कमेंट बनाता है। बनाया गया कमेंट वेरिएबल x को असाइन किया जाता है।
कमेंट को फिर document.body appendChild() मेथड का उपयोग करके डॉक्यूमेंट बॉडी में जोड़ा जाता है। ऊपर बनाया गया कमेंट appendChild() मेथड को पैरामीटर के रूप में पास किया जाता है। फिर एक उपयुक्त मैसेज <p> एलिमेंट के अंदर इसकी आईडी प्राप्त करके और इसकी innerHTML प्रॉपर्टी वैल्यू को दिए गए मैसेज पर सेट करके प्रदर्शित किया जाता है:
function Comment() { var x = document.createComment("This is a sample comment"); document.body.appendChild(x); var p = document.getElementById("Sample"); x.innerHTML = "The comment was added and can only be seen in the HTML document only"; }
