HTML DOM createComment () विधि का उपयोग दिए गए टेक्स्ट के साथ एक टिप्पणी नोड बनाने के लिए किया जाता है। यह टिप्पणी को एक पैरामीटर के रूप में बनाने के लिए लेता है। चूंकि टिप्पणियां दिखाई नहीं दे रही हैं, इसलिए बनाई गई टिप्पणी को देखने के लिए आपको इस पद्धति को निष्पादित करने के बाद HTML दस्तावेज़ का निरीक्षण करना होगा।
सिंटैक्स
createComment() विधि के लिए सिंटैक्स निम्नलिखित है -
document.createComment( text );
यहां, टेक्स्ट टाइप स्ट्रिंग का होता है जिसमें डेटा होता है जिसे टिप्पणी में जोड़ा जाना होता है।
उदाहरण
आइए createComment() विधि के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<p>Click on below button to create and add a comment to this HTML document.</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>Inspect the code to see the comment in the html document</p>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
HTML दस्तावेज़ में टिप्पणी देखने के लिए COMMENT पर क्लिक करने और कोड का निरीक्षण करने के बाद। -
उपरोक्त उदाहरण में -
हमने एक बटन बनाया है COMMENT जो उपयोगकर्ता द्वारा क्लिक किए जाने पर टिप्पणी () फ़ंक्शन को निष्पादित करेगा।
<button onclick="Comment()">COMMENT</button>
टिप्पणी () फ़ंक्शन उस संदेश के साथ एक टिप्पणी बनाने के लिए दस्तावेज़ ऑब्जेक्ट की createComment () विधि का उपयोग करता है जो इसे पैरामीटर के रूप में प्रदान किया गया था। बनाई गई टिप्पणी चर x को असाइन की गई थी।
तब टिप्पणी को document.body appendChild() विधि का उपयोग करके दस्तावेज़ के मुख्य भाग में जोड़ा जाता है। ऊपर बनाई गई टिप्पणी को appendChild () विधि के पैरामीटर के रूप में पारित किया गया है। इसके बाद एक उपयुक्त संदेश
तत्व के अंदर उसकी आईडी प्राप्त करके और उसके आंतरिक HTML गुण मान को दिए गए संदेश पर सेट करके भेजा जाता है -
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";
}