HTML DOM console.group() 메서드는 메시지 그룹의 시작을 나타내는 데 사용되며 이 메서드 이후에 작성된 모든 메시지는 메시지 그룹 내부에 작성됩니다. 이렇게 하면 레이블 매개변수를 사용하여 모든 메시지 또는 여러 그룹에 대해 하나의 그룹을 만들 수 있습니다.
구문
다음은 console.group() 메서드의 구문입니다. -
console.group([label])
여기서 label은 선택적 매개변수입니다. 문자열 유형이며 생성된 메시지 그룹의 레이블 역할을 합니다.
예시
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> 출력
이것은 다음과 같은 출력을 생성합니다 -
NORMAL 버튼을 클릭하고 콘솔을 보면 -
GROUP 버튼을 클릭하고 콘솔을 보면 -
위의 예에서 -
사용자가 클릭하면 normMessage() 및 groupMessage() 메서드를 실행하는 두 개의 버튼 NORMAL 및 GROUP을 만들었습니다.
<button type="button" onclick="normMessage()">NORMAL</button> <button type="button" onclick="groupMessage()">GROUP</button>
normMessage() 메서드에는 매개변수로 제공된 문자열이나 객체를 받아 콘솔에 단순히 표시하는 console.log() 메서드가 있습니다. -
function normMessage(){
console.log("Hello world!");
} groupMessage() 메서드에는 이 시점 이후에 작성된 모든 메시지가 메시지 그룹 내에 표시된다는 내용의 console.group() 메서드가 내부에 있습니다.
function groupMessage(){
console.group();
console.log("This message will be inside a group!");
console.log("This message will also be inside a group!");
}