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

Phương thức HTML DOM console.groupCollapsed() chỉ định sự bắt đầu của một nhóm thông điệp thu gọn (collapsed).

Cú pháp

Cú pháp sau đây:

console.groupCollapsed(label)

Ở đây, label là nhãn cho nhóm.

Ví dụ

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

<!DOCTYPE html> <html> <body> <h1>Phương thức console.groupCollapsed()</h1> <p>Nhấn phím F12 để xem thông điệp trong chế độ xem console.</p> <button type="button" onclick="normMessage()">BÌNH THƯỜNG</button> <button type="button" onclick="CollMessage()">THU GỌN</button> <script> function normMessage(){ console.log("Xin chào thế giới!"); } function CollMessage(){ console.groupCollapsed(); console.log("Thông điệp này sẽ nằm trong một nhóm thu gọn!"); console.log("Thông điệp này cũng sẽ nằm trong một nhóm thu gọn!"); } </script> </body> </html>

Kết quả

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

Khi nhấn nút BÌNH THƯỜNG và xem chế độ xem console trong tùy chọn nhà phát triển:

Khi nhấn nút THU GỌN và xem chế độ xem console trong tùy chọn nhà phát triển:

Khi nhấn nút THU GỌN 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 BÌNH THƯỜNG và THU GỌN sẽ thực thi phương thức normMessage() và CollMessage() khi được nhấp bởi người dùng.

<button type="button" onclick="normMessage()">BÌNH THƯỜNG</button> <button type="button" onclick="CollMessage()">THU GỌN</button>

Phương thức normMessage() có phương thức console.log() nhận một chuỗi hoặc đối tượng được cung cấp làm tham số và đơn giản hiển thị nó ra console.

function normMessage(){ console.log("Xin chào thế giới!"); }

Phương thức CollMessage() có phương thức console.groupCollapsed() bên trong nó chỉ ra rằng 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 thu gọn. Các thông điệp hiện được thu gọn bên trong nhóm thông điệp khác với chế độ xem mở rộng mặc định của phương thức group():

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