Phương thức HTML DOM createComment ()

Phương thức HTML DOM createComment () được sử dụng để tạo một nút nhận xét với văn bản đã cho. Nó có nhận xét được tạo như một tham số. Vì nhận xét không hiển thị nên bạn phải kiểm tra tài liệu HTML sau khi thực hiện phương pháp này để xem nhận xét được tạo.

Cú pháp

Sau đây là cú pháp cho phương thức createComment () -

document.createComment( text );

Ở đây, văn bản thuộc loại chuỗi chứa dữ liệu phải được thêm vào nhận xét.

Ví dụ

Chúng ta hãy xem một ví dụ cho phương thức 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phương thức HTML DOM createComment ()

Sau khi nhấp vào BÌNH LUẬN và kiểm tra mã để xem nhận xét trong tài liệu HTML. -

Phương thức HTML DOM createComment ()

Trong ví dụ trên -

Chúng tôi đã tạo một nút COMMENT sẽ thực thi chức năng Comment () khi người dùng nhấp vào.

<button onclick="Comment()">COMMENT</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 báo được cung cấp dưới dạng tham số cho nó. Nhận xét được tạo đã được gán cho biến x.

Sau đó, chú thích được thêm vào nội dung tài liệu bằng phương thức document.body appendChild (). Nhận xét được tạo ở trên được chuyển dưới dạng tham số cho phương thức appendChild (). Sau đó, một thông báo phù hợp sẽ được xử lý bên trong phần tử

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 báo đã cho -

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";
}