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

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

Cú pháp

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

console.group([label])

Ở đây, label là tham số tùy chọn. Nó thuộc kiểu chuỗi và đóng vai trò như nhãn cho nhóm thông điệp được tạo.

Ví dụ

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

<!DOCTYPE html> <html> <body> <h1>Phương thức console.group()</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="groupMessage()">NHÓM</button> <script> function normMessage(){ console.log("Xin chào thế giới!"); } 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!"); } </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 console:

Khi nhấn nút NHÓM và xem console:

Trong ví dụ trên:

Chúng ta đã tạo hai nút BÌNH THƯỜNG và NHÓM sẽ thực thi phương thức normMessage() và groupMessage() khi được nhấp bởi người dùng.

<button type="button" onclick="normMessage()">BÌNH THƯỜNG</button> <button type="button" onclick="groupMessage()">NHÓM</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 groupMessage() có phương thức console.group() 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:

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