เมธอด HTML DOM createComment()

เมธอด HTML DOM createComment() ใช้สำหรับสร้างโหนดความคิดเห็น (comment node) ด้วยข้อความที่กำหนด รับความคิดเห็นที่จะสร้างเป็นพารามิเตอร์ เนื่องจากความคิดเห็นไม่สามารถมองเห็นได้ คุณต้องตรวจสอบเอกสาร HTML หลังจากเรียกใช้เมธอดนี้เพื่อดูความคิดเห็นที่สร้างขึ้น

ไวยากรณ์

ไวยากรณ์สำหรับเมธอด createComment() ดังนี้ -

document.createComment(text);

ที่นี่ text เป็นประเภท string ที่มีข้อมูลที่ต้องเพิ่มในความคิดเห็น

ตัวอย่าง

ลองดูตัวอย่างสำหรับเมธอด 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> โดยการดึง id และตั้งค่าคุณสมบัติ 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"; }