Phương thức HTML DOM console.groupEnd ()

Phương thức HTML DOM console.groupEnd () được sử dụng để chỉ ra phần cuối của một nhóm thư. Nó thoát khỏi nhóm thư hiện tại trong bảng điều khiển.

Cú pháp

Follwing là cú pháp cho phương thức console.groupEnd () -

console.groupEnd()

Ví dụ

Hãy để chúng tôi xem một ví dụ cho phương thức HTML DOM console.groupEnd () -

<!DOCTYPE html>
<html>
<body>
<h1>console.groupEnd() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="groupMessage()">GROUP</button>
<button type="button" onclick="EndGroup()">END GROUP</button>
<script>
   function groupMessage(){
      console.group();
      console.log("This message will be inside a group!");
      console.log("This message will also be inside a group!");
   }
   function EndGroup(){
      console.groupEnd();
      console.log("We are now outside the group");
      console.log("This message will be outside the group!");
   }
</script>
</body>
</html>

Đầu ra

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

Phương thức HTML DOM console.groupEnd ()

Khi nhấp vào nút NHÓM và xem giao diện bảng điều khiển trong tùy chọn nhà phát triển -

Phương thức HTML DOM console.groupEnd ()

Khi nhấp vào nút KẾT THÚC NHÓM và xem giao diện bảng điều khiển trong tùy chọn nhà phát triển -

Phương thức HTML DOM console.groupEnd ()

Trong ví dụ trên -

Chúng tôi đã tạo hai nút GROUP và END GROUP sẽ thực thi phương thức groupMessage () và EndGroup () khi được người dùng nhấp vào -

<button type="button" onclick="groupMessage()">GROUP</button>
<button type="button" onclick="EndGroup()">END GROUP</button>

Phương thức groupMessage () có phương thức console.group () bên trong nó cho biết tất cả các thông báo được viết sau thời điểm này sẽ được hiển thị bên trong một nhóm thông báo -

function groupMessage(){
   console.group();
   console.log("This message will be inside a group!");
   console.log("This message will also be inside a group!");
}

Phương thức EndGroup () có phương thức console.groupEnd () bên trong nó cho biết tất cả các thông báo được viết sau thời điểm này sẽ được hiển thị bên ngoài nhóm thông báo. Sẽ không xảy ra lỗi nếu trước đó không có nhóm tin nhắn nào tồn tại -

function EndGroup(){
   console.groupEnd();
   console.log("We are now outside the group");
   console.log("This message will be outside the group!");
}