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

Phương thức HTML DOM console.group () được sử dụng để chỉ ra điểm bắt đầu của nhóm thông báo và tất cả các thông báo được viết sau phương thức này sẽ được ghi bên trong nhóm thông báo. Điều này cho phép tạo một nhóm cho tất cả các thư hoặc một số nhóm bằng cách sử dụng tham số nhãn.

Cú pháp

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

console.group([label])

Ở đây, nhãn là một tham số tùy chọn. Nó thuộc loại chuỗi ký tự và hoạt động như một nhãn cho nhóm thư được tạo.

Ví dụ

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

<!DOCTYPE html>
<html>
<body>
<h1>console.group() 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="groupMessage()">GROUP</button>
<script>
   function normMessage(){
      console.log("Hello world!");
   }
   function groupMessage(){
      console.group();
      console.log("This message will be inside a group!");
      console.log("This message will also be inside a 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.group ()

Khi nhấp vào nút BÌNH THƯỜNG và nhìn vào bảng điều khiển -

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

Khi nhấp vào nút NHÓM và nhìn vào bảng điều khiển -

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

Trong ví dụ trên -

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

<button type="button" onclick="normMessage()">NORMAL</button>
<button type="button" onclick="groupMessage()">GROUP</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ỉ cần hiển thị nó trên bảng điều khiển -

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

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