Phương thức HTML DOM createComment() được dùng để tạo một nút chú thích (comment node) với văn bản cho trước. Nó nhận chú thích được tạo làm tham số. Vì chú thích không hiển thị, bạn phải kiểm tra tài liệu HTML sau khi thực thi phương thức này để thấy chú thích được tạo.
Cú pháp
Cú pháp sau đây dùng cho phương thức createComment():
document.createComment(text);
Ở đây, text thuộc kiểu chuỗi chứa dữ liệu phải được thêm vào chú thích.
Ví dụ
Hãy xem một ví dụ cho phương thức createComment():
<!DOCTYPE html> <html> <body> <p>Nhấn nút bên dưới để tạo và thêm một chú thích vào tài liệu HTML này.</p> <button onclick="Comment()">CHÚ THÍCH</button> <p id="Sample"></p> <script> function Comment() { var x = document.createComment("Đây là một chú thích mẫu"); document.body.appendChild(x); var p = document.getElementById("Sample"); p.innerHTML = "Chú thích đã được thêm và chỉ có thể thấy trong tài liệu HTML"; } </script> <p>Kiểm tra mã để xem chú thích trong tài liệu html</p> </body> </html>Kết quả
Điều này sẽ tạo ra kết quả sau:
Sau khi nhấn nút CHÚ THÍCH và kiểm tra mã để xem chú thích trong tài liệu HTML:
Trong ví dụ trên:
Chúng ta đã tạo nút CHÚ THÍCH sẽ thực thi hàm Comment() khi được nhấp bởi người dùng.
<button onclick="Comment()">CHÚ THÍCH</button>
Hàm Comment() sử dụng phương thức createComment() của đối tượng document để tạo một chú thích với thông điệp được cung cấp làm tham số cho nó. Chú thích được tạo được gán cho biến x.
Chú thích sau đó được thêm vào thân tài liệu bằng phương thức document.body appendChild(). Chú thích được tạo ở trên được truyền làm tham số cho phương thức appendChild(). Một thông điệp thích hợp sau đó được hiển thị bên trong phần tử <p> bằng cách lấy id của nó và đặt giá trị thuộc tính innerHTML của nó thành thông điệp cho trước:
function Comment() { var x = document.createComment("Đây là một chú thích mẫu"); document.body.appendChild(x); var p = document.getElementById("Sample"); p.innerHTML = "Chú thích đã được thêm và chỉ có thể thấy trong tài liệu HTML"; }