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

Phương thức HTML DOM console.groupCollapsed () chỉ định phần đầu của nhóm thư được thu gọn.

Cú pháp

Sau đây là cú pháp -

console.groupCollapsed(label)

Đây, nhãn là nhãn cho nhóm.

Ví dụ

Chúng ta hãy xem một ví dụ cho phương thức console.groupCollapsed () -

<!DOCTYPE html>
<html>
<body>
<h1>console.groupCollapsed() Method</h1>
<p>Press F12 key to view the message in the console view.</p>
<button type="button" onclick="normMessage>NORMAL</button>
<button type="button" onclick="CollMessage()">COLLAPSED</button>
<script>
   function normMessage(){
      console.log("Hello world!");
   }
   function CollMessage(){
      console.groupCollapsed();
      console.log("This message will be inside a collapsed group!");
      console.log("This message will also be inside a collapsed 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.groupCollapsed ()

Khi nhấp vào nút BÌNH THƯỜNG 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.groupCollapsed ()

Khi nhấp vào nút COLLAPSED 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.groupCollapsed ()

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

Trong ví dụ trên -

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

<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="CollMessage()">COLLAPSED</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 dưới dạng tham số và chỉ hiển thị nó trên bảng điều khiển.

function normMessage(){
   console.log("Hello world!");
}

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

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