console.groupEnd() - グループ分けを終了する

2017/10/05

console.groupEnd()は、グループ分けを終了するメソッドです。終了するのは現在の階層のグループです。グループ分けを完全に終了するには、階層分だけ実行する必要があります。または、clear()でリセットできます。

概要

名前

groupEnd

所属

IDL

void groupEnd();

仕様書

https://console.spec.whatwg.org/#groupend

説明

引数はありません。

デモ

console.groupEnd()のデモです。開発者ツールのコンソールで結果を確認して下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
	<p><button id="start">開始</button></p>
	<p><button id="log">ログ</button></p>
	<p><button id="end">終了</button></p>
	<p><button id="clear">クリア</button></p>
<script>
document.getElementById( "start" ).onclick = function () {
	console.group() ;
}

var number = 0 ;

document.getElementById( "log" ).onclick = function () {
	console.log( "メッセージ" + ++number ) ;
	console.log( "メッセージ" + ++number ) ;
	console.log( "メッセージ" + ++number ) ;
}

document.getElementById( "end" ).onclick = function () {
	console.groupEnd() ;
}

document.getElementById( "clear" ).onclick = function () {
	console.clear() ;
}
</script>
</body>
</html>