HTML DOM createComment() মেথড দেওয়া টেক্সটসহ একটি কমেন্ট নোড তৈরি করতে ব্যবহৃত হয়। এটি প্যারামিটার হিসেবে তৈরি করা কমেন্টটি নেয়। যেহেতু কমেন্টগুলো görünা থাকায় এই মেথড এক্সিকিউট করার পর HTML ডকুমেন্ট ইন্সপেক্ট করতে হবে কমেন্টটি দেখতে।
সিনট্যাক্স
createComment() মেথডের সিনট্যাক্স নিচে দেওয়া হলো -
document.createComment( text );
এখানে, text স্ট্রিং টাইপের যেটিতে কমেন্টে যোগ করার ডেটা রয়েছে।
উদাহরণ
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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে -
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"; }
