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

Phương thức HTML DOM console.groupEnd() được dùng để chỉ định kết thúc của một nhóm thông điệp. Nó thoát khỏi nhóm thông điệp hiện tại trong console.

Cú pháp

Cú pháp sau đây cho phương thức console.groupEnd():

console.groupEnd()

Ví dụ

Hãy xem một ví dụ cho phương thức HTML DOM console.groupEnd():

<!DOCTYPE html> <html> <body> <h1>Phương thức console.groupEnd()</h1> <p>Nhấn phím F12 để xem thông điệp trong chế độ xem console.</p> <button type="button" onclick="groupMessage()">NHÓM</button> <button type="button" onclick="EndGroup()">KẾT THÚC NHÓM</button> <script> function groupMessage(){ console.group(); console.log("Thông điệp này sẽ nằm trong một nhóm!"); console.log("Thông điệp này cũng sẽ nằm trong một nhóm!"); } function EndGroup(){ console.groupEnd(); console.log("Chúng ta hiện đang ở ngoài nhóm"); console.log("Thông điệp này sẽ nằm ngoài nhóm!"); } </script> </body> </html>

Kết quả

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

Khi nhấn nút NHÓM và xem chế độ xem console trong tùy chọn nhà phát triển:

Khi nhấn nút KẾT THÚC NHÓM và xem chế độ xem console trong tùy chọn nhà phát triển:

Trong ví dụ trên:

Chúng ta đã tạo hai nút NHÓM và KẾT THÚC NHÓM sẽ thực thi phương thức groupMessage() và EndGroup() khi được nhấp bởi người dùng:

<button type="button" onclick="groupMessage()">NHÓM</button> <button type="button" onclick="EndGroup()">KẾT THÚC NHÓM</button>

Phương thức groupMessage() có phương thức console.group() bên trong nó chỉ ra tất cả các thông điệp được ghi sau điểm này sẽ được hiển thị bên trong một nhóm thông điệp:

function groupMessage(){ console.group(); console.log("Thông điệp này sẽ nằm trong một nhóm!"); console.log("Thông điệp này cũng sẽ nằm trong một nhóm!"); }

Phương thức EndGroup() có phương thức console.groupEnd() bên trong nó chỉ ra tất cả các thông điệp được ghi sau điểm này sẽ được hiển thị bên ngoài nhóm thông điệp. Nó sẽ không ném lỗi nếu không có nhóm thông điệp nào tồn tại trước đó:

function EndGroup(){ console.groupEnd(); console.log("Chúng ta hiện đang ở ngoài nhóm"); console.log("Thông điệp này sẽ nằm ngoài nhóm!"); }